landing-page: fix mobile navigation background-color

thaJeztah · thaJeztah · commit a58cd7705d34 · 2020-10-19T16:12:49.000+02:00
Signed-off-by: Sebastiaan van Stijn &lt;github@gone.nl&gt;
diff --git a/_includes/side-menu.html b/_includes/side-menu.html
@@ -1,7 +1,4 @@
 <div id="navbar" class="nav-sidebar">
-    <ul class="nav jsTOCHorizontal hidden-md hidden-lg">
-    </ul>
-    <div class="divider hidden-md hidden-lg"></div>
-    <ul class="nav" id="jsTOCLeftNav">
-    </ul>
+    <ul class="nav jsTOCHorizontal hidden-md hidden-lg"></ul>
+    <ul class="nav" id="jsTOCLeftNav"></ul>
 </div>
diff --git a/_scss/_landing.scss b/_scss/_landing.scss
@@ -13,6 +13,12 @@ body.landing {
   }
 
   .header {
+    // Container holds both the top-navigation bar (div.navbar-header), and
+    // the "hamburger menu" (div.navbar-collapse)
+    >.container {
+      background-color: $bg-header;
+    }
+
     @include md-width {
       .navbar-collapse.collapse {
         display: flex !important;
diff --git a/_scss/_night-mode.scss b/_scss/_night-mode.scss
@@ -213,3 +213,9 @@ body.night {
         color: $white!important;
     }
 }
+
+body.landing.night {
+  .header>.container {
+      background-color: $bg-header-night;
+   }
+}

Original file line number	Diff line number	Diff line change
`@@ -213,3 +213,9 @@ body.night {`
`213`	`213`	`color: $white!important;`
`214`	`214`	`}`
`215`	`215`	`}`
	`216`	`+`
	`217`	`+body.landing.night {`
	`218`	`+ .header>.container {`
	`219`	`+ background-color: $bg-header-night;`
	`220`	`+ }`
	`221`	`+}`