relocate import/export

CHANGELOG.md

@@ -9,6 +9,7 @@ All notable changes to this project will be documented in this file.
 * Removed `Enable Title from Custom Variable` setting in parsers. Custom Variables are now enabled if and only if one or more groups are set.
 * New Bubble UI for user accounts UI in parsers, settings, and splash pages. No more janky brackets where they don't belong.
 * New Bubble UI for steam categories.
+* Relocate import/export art to options panel in Add Games (as an added bonus one can now import/export art in the emudeck theme).
 ### Fixed
 * Don't show provider filters if section if there aren't any for that provider.
 

src/renderer/styles/preview.component.scss

@@ -7,7 +7,6 @@
   overflow-y: auto;
   overflow: hidden;
   background-color: var(--color-preview-background);
-
   --preview-image-size: 0.4;
   --image-width-max: 1196px;
   --image-height-max: 559px;
@@ -506,6 +505,12 @@
         font-size: 1em;
         color: var(--color-preview-text);
       }
+      .button {
+        @include button();
+        @include clickButtonColor(click-button);
+        margin-bottom: 1em;
+        margin-right: 1em;
+      }
     }
   }
 

src/renderer/templates/preview.component.html

@@ -22,7 +22,7 @@ <h1>Add your games to Steam</h1>
     <div class="fake-btn" (click)="generatePreviewData()">Parse</div>
   </div>
   <div class="upperMenu" *ngIf="previewVariables.numberOfListItems > 0">
-    <div class="filtersButton" (click)="toggleFilters()">View Options</div>
+    <div class="filtersButton" (click)="toggleFilters()">Options</div>
     <div class="title" *ngIf="showDetails">
       <span>Fix Match</span>
     </div>
@@ -305,6 +305,11 @@ <h1>Add your games to Steam</h1>
       >Has an exception
       </ng-toggle-button>
     </div>
+    <div class="filtergroup">
+      <div class="filterLabel"><span>Export/Import</span></div>
+      <div class="button" (click)="exportSelection()" [attr.title]="'Export image choices'">{{ lang.exportSelections }}</div>
+      <div class="button" (click)="importSelection()" [attr.title]="'Import image choices'">{{ lang.importSelections }}</div>
+    </div>
   </div>
   <ng-container *ngVar="getCurrentViewType() as currentViewType">
     <div
@@ -743,8 +748,6 @@ <h1>Add your games to Steam</h1>
         <div class="button dangerousButton" (click)="remove()">{{ lang.removeAppList }}</div>
       </div>
       <div class="lowerRight">
-        <div class="button" (click)="exportSelection()" [attr.title]="'Export image choices'">{{ lang.exportSelections }}</div>
-        <div class="button" (click)="importSelection()" [attr.title]="'Import image choices'">{{ lang.importSelections }}</div>
         <div class="button" (click)="showExclusions()" *ngIf="!showExcludes">{{ "Exclude Games" }}</div>
       </div>
     </ng-container>