ui tweaks

SteamGridDB · Apr 26, 2023 · 77b071f · 77b071f
1 parent 391a9e3
commit 77b071f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/renderer/styles/ng-nested-form.component.scss b/src/renderer/styles/ng-nested-form.component.scss
@@ -83,13 +83,15 @@ ng-nested-form {
       grid-area: button;
       margin-bottom: var(--margin-input-text);
     }
-
+    .reqText {
+      margin-left: 0.25em;
+    }
     ng-text-input {
       @include ngTextInput();
       @include ngTextInputColor(input, true);
       grid-area: input;
       &.required {
-        outline: 1px solid var(--color--accent);
+        outline: 1px solid var(--color--required);
         .display{
           border: 0
         }
@@ -99,7 +101,7 @@ ng-nested-form {
     ng-select {
       grid-area: input;
       &.required {
-        outline: 1px solid var(--color--accent);
+        outline: 2px solid var(--color--required);
         .display{
           border: 0
         }

diff --git a/src/renderer/styles/themes.global.scss b/src/renderer/styles/themes.global.scss
@@ -10,6 +10,7 @@
     display: none !important
   }
   --color--accent: #fff;
+  --color--required: #1db954;
   --grid-app:"titlebar titlebar titlebar" "navarea navborder route";
   --grid-app-rows :auto 1fr;
   --grid-app-columns: auto auto 1fr;
@@ -654,6 +655,7 @@
   --grid-app-rows :auto 1fr auto ;
   --grid-app-columns: auto ;
   --color--accent: #31a0f4;
+  --color--required: var(--color--accent);
   --nav-width: 100vw;
   --nav-width-max: 100vw;
   --nav-direction: row;
@@ -1014,6 +1016,7 @@
   --grid-app-rows :auto 1fr;
   --grid-app-columns: auto auto 1fr;
   --color--accent: #31a0f4;
+  --color--required: var(--color--accent);
   --nav-width: 20vw;
   --nav-width-max: 100vw;
   --nav-direction: column;

diff --git a/src/renderer/templates/ng-nested-form.component.html b/src/renderer/templates/ng-nested-form.component.html
@@ -29,7 +29,7 @@
                     (click)="child.onInfoClick(currentForm.controls[childrenKey], currentForm.controls[childrenKey]['__path'])">
               </span>
               {{child.label}}
-              <small *ngIf="child.required"> * Required</small>
+              <small *ngIf="child.required" class="reqText">*Required</small>
             </label>
             <ng-container [ngSwitch]="child.constructor.displayName">
               <ng-container *ngSwitchCase="'Select'">