NavBar: Fix Transparent background in list items (#3094)

* set modus list bg * update lint
trimble-oss · Jan 16, 2025 · 4129442 · 4129442
1 parent 1b0b0c0
commit 4129442
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/stencil-workspace/src/components/modus-list/modus-list.scss b/stencil-workspace/src/components/modus-list/modus-list.scss
@@ -1,4 +1,7 @@
+@import './modus-list.vars';
+
 ul {
+  background-color: $modus-list-bg;
   border-radius: $rem-4px;
   display: flex;
   flex-direction: column;

diff --git a/stencil-workspace/src/components/modus-list/modus-list.vars.scss b/stencil-workspace/src/components/modus-list/modus-list.vars.scss
@@ -0,0 +1 @@
+$modus-list-bg: var(--modus-list-bg, #fff) !default;
diff --git a/stencil-workspace/src/global/themes.scss b/stencil-workspace/src/global/themes.scss
@@ -258,6 +258,9 @@
   --modus-file-upload-dropzone-disabled-color: var(--modus-gray-6);
   --modus-file-upload-dropzone-disabled-svg-color: var(--modus-gray-2);
 
+  // Modus-list
+  --modus-list-bg: var(--modus-white);
+
   // Message
   // Type - Info
   --modus-message-info-bg: var(--modus-blue-pale);
@@ -643,6 +646,9 @@
   --modus-file-upload-dropzone-error-border-color: var(--modus-red);
   --modus-file-upload-dropzone-error-color: var(--modus-file-upload-dropzone-color);
 
+  // Modus-list
+  --modus-list-bg: var(--modus-gray-9);
+
   // Message
   // Type - Info
   --modus-message-info-bg: #019aeb33;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		$modus-list-bg: var(--modus-list-bg, #fff) !default;