fixed table graphics annoyance in preview

SteamGridDB · Oct 14, 2024 · d4acfb2 · d4acfb2
1 parent 8790add
commit d4acfb2
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 30 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1 +1,3 @@
-{}
+{
+  "endOfLine": "auto"
+}
diff --git a/src/renderer/styles/preview.component.scss b/src/renderer/styles/preview.component.scss
@@ -646,6 +646,12 @@
             color: var(--color-preview-text);
             border-top: solid 1px var(--color-preview-user-background);
             border-bottom: solid 1px var(--color-preview-user-background);
+            &:first-child {
+              border-top: solid 2px var(--color-preview-user-background);
+            }
+            &:last-child {
+              border-bottom: solid 2px var(--color-preview-user-background);
+            }
             &.showExcludes {
               background-color: var(--color-ng-select-option-background-hover);
               color: var(--color-ng-select-option-text-hover);
@@ -660,6 +666,12 @@
               padding-left: 1em;
               border-left: solid 1px var(--color-preview-user-background);
               border-right: solid 1px var(--color-preview-user-background);
+              &:first-child {
+                border-left: solid 2px var(--color-preview-user-background);
+              }
+              &:last-child {
+                border-right: solid 2px var(--color-preview-user-background);
+              }
               span {
                 display: -webkit-box;
                 -webkit-line-clamp: 2;

diff --git a/src/renderer/templates/preview.component.html b/src/renderer/templates/preview.component.html
@@ -91,6 +91,35 @@ <h1>Add your games to Steam</h1>
       </div>
     </div>
   </div>
+  <div class="excludesLower" *ngIf="showExcludes">
+    <div class="title">
+      <span>Put Back Titles</span>
+      <div class="button" (click)="putBackSetAll(true)"><span>All</span></div>
+      <div class="button" (click)="putBackSetAll(false)"><span>None</span></div>
+    </div>
+    <div class="currentExcludes">
+      <ng-container *ngFor="let steamDir of previewData | keys">
+        <ng-container *ngFor="let steamUser of previewData[steamDir] | keys">
+          <ng-container
+            *ngFor="
+              let currentExclude of previewData[steamDir][steamUser].excluded
+            "
+          >
+            <div
+              class="currentExclude"
+              (click)="
+                excludePutBacks[currentExclude.exceptionKey] =
+                  !excludePutBacks[currentExclude.exceptionKey]
+              "
+              [class.isPutBack]="excludePutBacks[currentExclude.exceptionKey]"
+            >
+              {{ currentExclude.filePath }}
+            </div>
+          </ng-container>
+        </ng-container>
+      </ng-container>
+    </div>
+  </div>
   <div class="upper detailsUpper" *ngIf="showDetails">
     <div class="upperTitle">
       <span>{{ detailsApp ? niceAppTitle(detailsApp.app) : "" }}</span>
@@ -343,35 +372,6 @@ <h1>Add your games to Steam</h1>
       </div>
     </ng-container>
   </div>
-  <div class="excludesLower" *ngIf="showExcludes">
-    <div class="title">
-      <span>Put Back Titles</span>
-      <div class="button" (click)="putBackSetAll(true)"><span>All</span></div>
-      <div class="button" (click)="putBackSetAll(false)"><span>None</span></div>
-    </div>
-    <div class="currentExcludes">
-      <ng-container *ngFor="let steamDir of previewData | keys">
-        <ng-container *ngFor="let steamUser of previewData[steamDir] | keys">
-          <ng-container
-            *ngFor="
-              let currentExclude of previewData[steamDir][steamUser].excluded
-            "
-          >
-            <div
-              class="currentExclude"
-              (click)="
-                excludePutBacks[currentExclude.exceptionKey] =
-                  !excludePutBacks[currentExclude.exceptionKey]
-              "
-              [class.isPutBack]="excludePutBacks[currentExclude.exceptionKey]"
-            >
-              {{ currentExclude.filePath }}
-            </div>
-          </ng-container>
-        </ng-container>
-      </ng-container>
-    </div>
-  </div>
   <div class="urls" *ngIf="previewVariables.numberOfQueriedImages">
     <div class="stopButton" (click)="stopImageRetrieving()">
       {{ lang.stopUrlRetrieving }}