Fix Chunky Boy + Update Alert Modal (#528)

* Easier Theme Selector * EmuDeck wip * Deck Theme * EmuDeck theme * Opacity * small fix setttings * font * Fix routing issue (#1) * added EmuDeck to themes * fixed routing * EmuDeck Theme + fixes Classic and Deck theme * new bg + fix navarea buttons * Preview Screen Text + Lens Icon * typo * streamlined button * add (bad) styling for required fields (#2) * comma * nicer colors * small fixie * Fix update alert * fix chunky boy * label switcharoo --------- Co-authored-by: Chris Dock <[email protected]>
SteamGridDB · Apr 26, 2023 · 42aa3b9 · 42aa3b9
1 parent 4558a72
commit 42aa3b9
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/src/renderer/components/parsers.component.ts b/src/renderer/components/parsers.component.ts
@@ -1114,4 +1114,4 @@ export class ParsersComponent implements AfterViewInit, OnDestroy {
     this.subscriptions.unsubscribe();
     this.formChanges.unsubscribe();
   }
-}
+}
diff --git a/src/renderer/styles/ng-nested-form.component.scss b/src/renderer/styles/ng-nested-form.component.scss
@@ -101,7 +101,7 @@ ng-nested-form {
     ng-select {
       grid-area: input;
       &.required {
-        outline: 2px solid var(--color--required);
+        outline: 1px solid var(--color--required);
         .display{
           border: 0
         }

diff --git a/src/renderer/styles/themes.global.scss b/src/renderer/styles/themes.global.scss
@@ -348,10 +348,14 @@
   --position-update-notifier-right: auto;
   --position-update-notifier-bottom: 0;
   --position-update-notifier-top: auto;
+  --width-update-notifier:20vw;
+  --height-update-notifier:20vh;
   --margin-update-notifier: 0.5em 0.5em;
   --padding-update-notifier: 1em 2em;
   --color-position-update-notifier-border: var(--color-info);
   --border-update-notifier-width: var(--border-width-alert);
+  --display-update: inherit;
+  --position-update: absolute;
   --display-preview-title: none;
   --display-exceptions-save-status: inherit;
 }
@@ -1000,10 +1004,12 @@
   --height-update-notifier-backdrop:100vh;
   --position-update-notifier-backdrop:fixed;
   --filter-update-notifier-backdrop:blur(5px);
-  --width-update-notifier:20vw;
-  --height-update-notifier:20vh;
+  --width-update-notifier:auto;
+  --height-update-notifier:auto;
   --color-position-update-notifier-border: #414141;
   --border-update-notifier-width: 1px;
+  --display-update: flex;
+  --position-update: static;
   --display-preview-title: none;
 
 }
@@ -1360,10 +1366,12 @@
   --height-update-notifier-backdrop:100vh;
   --position-update-notifier-backdrop:fixed;
   --filter-update-notifier-backdrop:blur(5px);
-  --width-update-notifier:20vw;
-  --height-update-notifier:20vh;
+  --width-update-notifier:auto;
+  --height-update-notifier:auto;
   --color-position-update-notifier-border: #414141;
   --border-update-notifier-width: 1px;
+  --display-update: flex;
+  --position-update: static;
   --display-preview-title: none;
   --display-exceptions-save-status: none;
 }
diff --git a/src/renderer/styles/update-notifier.component.scss b/src/renderer/styles/update-notifier.component.scss
@@ -6,7 +6,8 @@
   height: var(--height-update-notifier-backdrop);
   position: var(--position-update-notifier-backdrop);
   backdrop-filter: var(--filter-update-notifier-backdrop);
-
+  z-index: 9;
+  display: var(--display-update);
 
   .update-notifier-content{
     p{
@@ -40,7 +41,7 @@
     flex-direction: column;
     justify-content: center;
 
-    position: absolute;
+    position: var(--position-update);
     left: var(--position-update-notifier-left);
     right: var(--position-update-notifier-right);
     bottom: var(--position-update-notifier-bottom);
-Original file line number
+Diff line change
@@ Expand Up @@
         this.subscriptions.unsubscribe();
         this.formChanges.unsubscribe();
       }
-    }
+    }