Classic UI standardization complete

SteamGridDB · Oct 27, 2024 · 978404a · 978404a
1 parent 8b79079
commit 978404a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/src/renderer/styles/nav-parsers.component.scss b/src/renderer/styles/nav-parsers.component.scss
@@ -133,7 +133,7 @@
           height: 0.5em;
           background-color: var(--color-nav-link-enabled);
           border-radius: 50%;
-          margin: 0 0 0 -10px;
+          margin-left: var(--nav-link-before-margin-left);
           transform: translateY(-50%);
         }
 

diff --git a/src/renderer/styles/nav.component.scss b/src/renderer/styles/nav.component.scss
@@ -103,6 +103,9 @@
 
       position: relative;
 
+      &.hasSaveIndicator {
+        padding-left: 0px;
+      }
       &::before {
         top: 50%;
         position: absolute;

diff --git a/src/renderer/styles/themes.global.scss b/src/renderer/styles/themes.global.scss
@@ -195,6 +195,7 @@
   --height-nav-link: 20px;
   --padding-nav-link: 8px 16px;
   --padding-nav-link-expand: 0px 16px;
+  --nav-link-before-margin-left: 0px;
   --img-nav-link-display: none;
   --color-nav-scrollbar-thumb: rgba(80, 80, 80, 0.5);
   --color-nav-scrollbar-track: rgba(80, 80, 80, 0.3);
@@ -1047,6 +1048,7 @@
   --color-nav-link-bg-hover: var(--color-nav-link-background-active);
   --padding-nav-link: 0;
   --padding-nav-link-expand: 0px;
+  --nav-link-before-margin-left: 0px;
   --height-nav-link: 100%;
   --img-nav-link-display: inline-block;
   --color-nav-scrollbar-thumb: rgba(80, 80, 80, 0.5);
@@ -1447,6 +1449,7 @@
   --color-nav-link-bg-hover: transparent;
   --padding-nav-link: 16px;
   --padding-nav-link-expand: 0px;
+  --nav-link-before-margin-left: -10px;
   --height-nav-link: 1.2em;
   --img-nav-link-display: inline-block;
   --color-nav-scrollbar-thumb: rgba(80, 80, 80, 0.5);

diff --git a/src/renderer/templates/nav.component.html b/src/renderer/templates/nav.component.html
@@ -40,7 +40,7 @@
 >
 <nav-expand routerLinkActive="active">
   <nav-link
-    class="item"
+    class="item hasSaveIndicator"
     [ngClass]="{ unsaved: isExceptionsUnsaved }"
     routerLink="/user-exceptions"
     routerLinkActive="active"