chore: Fix mobile menu styling for dark mode

newrelic · Jul 1, 2020 · 6ea0fab · 6ea0fab
1 parent 02138eb
commit 6ea0fab
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/HamburgerMenu.module.scss b/src/components/HamburgerMenu.module.scss
@@ -14,6 +14,10 @@ button.hamburgerMenu {
     margin: 5px 0;
     border-radius: 2px;
     transition: 0.18s;
+
+    :global(.dark-mode) & {
+      background-color: var(--color-white);
+    }
   }
 
   &.isOpen {

diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss
@@ -1,6 +1,6 @@
 .container {
   position: relative;
-  border-bottom: 1px solid var(--color-neutrals-100);
+  border-bottom: 1px solid var(--divider-color);
   padding: 0 2rem;
 
   width: 100vw;
@@ -25,5 +25,4 @@
   height: calc(
     100vh - (var(--height-mobile-nav-bar) + var(--height-global-header))
   );
-  background-color: var(--color-white);
 }