product mobile menu full length, change menu-item icon color

chillenberger · chillenberger · commit dcd197e4e2b4 · 2024-04-25T17:28:39.000-06:00
diff --git a/pgml-dashboard/src/components/navigation/navbar/web_app/template.html b/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
@@ -77,7 +77,7 @@
 
           <!-- Main nav links for less than lg screens -->
           <ul class="sub-menu-dropdown mb-2 d-lg-none">
-            <li class="nav-item d-flex align-items-center">
+            <li class="menu-item d-flex align-items-center">
               <button type="text" class="btn-search d-flex justify-content-between w-100 mx-4 mb-4" name="search" data-bs-toggle="modal" data-bs-target="#search" autocomplete="off" data-search-target="searchTrigger" data-action="search#openSearch">
                 Search
                 <span class="material-symbols-outlined">
diff --git a/pgml-dashboard/src/components/navigation/navbar/web_app/web_app.scss b/pgml-dashboard/src/components/navigation/navbar/web_app/web_app.scss
@@ -52,6 +52,7 @@
 
     .sub-menu-dropdown {
         background-color: #{$gray-800};
+        height: 100vh;
     }
 
     .top-nav-controls {
diff --git a/pgml-dashboard/static/css/scss/components/_navs.scss b/pgml-dashboard/static/css/scss/components/_navs.scss
@@ -162,7 +162,7 @@
     font-weight: 400;
 
     .material-symbols-outlined {
-        color: #{$neon-shade-300};
+        color: #{$slate-shade-300};
     }
 
     button, a {
@@ -180,7 +180,7 @@
             @include semibold_by_shadow($gray-100)
         }
         span.material-symbols-outlined {
-            @include bold_by_shadow($neon-shade-300)
+            @include bold_by_shadow($slate-shade-300)
         }
     }
     

Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,7 @@`
`52`	`52`
`53`	`53`	`.sub-menu-dropdown {`
`54`	`54`	`background-color: #{$gray-800};`
	`55`	`+ height: 100vh;`
`55`	`56`	`}`
`56`	`57`
`57`	`58`	`.top-nav-controls {`
Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@`
`162`	`162`	`font-weight: 400;`
`163`	`163`
`164`	`164`	`.material-symbols-outlined {`
`165`		`- color: #{$neon-shade-300};`
	`165`	`+ color: #{$slate-shade-300};`
`166`	`166`	`}`
`167`	`167`
`168`	`168`	`button, a {`
`@@ -180,7 +180,7 @@`
`180`	`180`	`@include semibold_by_shadow($gray-100)`
`181`	`181`	`}`
`182`	`182`	`span.material-symbols-outlined {`
`183`		`- @include bold_by_shadow($neon-shade-300)`
	`183`	`+ @include bold_by_shadow($slate-shade-300)`
`184`	`184`	`}`
`185`	`185`	`}`
`186`	`186`