Refresh: update navigation style (mozilla#15334)

craigcook · Oct 21, 2024 · 5c6ebb5 · 5c6ebb5
1 parent 7cdbaa2
commit 5c6ebb5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/media/css/m24/components/navigation-refresh.scss b/media/css/m24/components/navigation-refresh.scss
@@ -13,14 +13,14 @@
 }
 
 .m24-navigation-refresh {
-    background-color: $m24-color-medium-gray;
+    background-color: $color-white;
+    border-bottom: 2px solid $m24-color-medium-gray;
     display: flex;
     width: 100%;
     position: sticky;
     z-index: 100;
     top: 0;
     left: 0;
-    box-shadow: none;
 
     @media (prefers-reduced-motion: reduce) {
         position: static;
@@ -165,9 +165,11 @@
 .m24-c-navigation-menu {
     width: 100%;
     margin-bottom: 0;
+    border-top: 2px solid $m24-color-medium-gray;
 
     @media #{$mq-md} {
         width: auto;
+        border-top: transparent;
     }
 }