Fixes to mobile version design header

Author: anastascho

src/css/header.css

@@ -55,7 +55,7 @@ body {
 }
 
 .navbar-burger span {
-  background-color: var(--navbar-font-color);
+  background-color: white;
   height: 1.5px;
   width: 1rem;
 }

src/js/01-nav.js

@@ -1,11 +1,6 @@
 ;(function () {
   'use strict'
 
-  // if (document.querySelector('.sectionPurple')) {
-  //   console.log('sectionPurple exists')
-  //   document.querySelector('.nav-container').style.backgroundColor = 'white'
-  // }
-
   var SECT_CLASS_RX = /^sect(\d)$/
 
   var navContainer = document.querySelector('.nav-container')

src/js/05-mobile-navbar.js

@@ -1,12 +1,8 @@
 ;(function () {
   'use strict'
+  console.log('mobile navbar')
 
   var navbarBurger = document.querySelector('.navbar-burger')
-  // var sectionsNavbarBurger = document.querySelector('.sections-navbar-burger')
-
-  // if (!sectionsNavbarBurger) return
-  // sectionsNavbarBurger.addEventListener('click', toggleNavbarMenu.bind(sectionsNavbarBurger))
- 
   if (!navbarBurger) return
   navbarBurger.addEventListener('click', toggleNavbarMenu.bind(navbarBurger))
 
@@ -22,4 +18,21 @@
       if (actualMaxHeight !== expectedMaxHeight) menu.style.maxHeight = expectedMaxHeight + 'px'
     }
   }
+
+  // window.addEventListener('resize', removePadding)
+  // function removePadding () {
+  //   var sectionBody = document.querySelector('.sections-body')
+  //   if (sectionBody) {
+  //     console.log('section-body')
+  //     if (window.innerWidth < 800) {
+  //       console.log('below 600')
+  //       var body = document.querySelector('.sections-body')
+  //       body.style.paddingTop = ''
+  //     } else {
+  //       body.style.paddingTop = '3.5rem'
+  //     }
+  //   } else {
+  //     console.log('section-body not found')
+  //   }
+  // }
 })()

src/partials/toolbar.hbs

@@ -4,6 +4,9 @@
   <a href="{{{relativize this}}}" class="home-link{{#if @root.page.home}} is-current{{/if}}"></a>
   {{/with}}
 {{> breadcrumbs}}
+  <span class="sections-docu-title">
+    {{site.title}}
+  </span>
 {{> page-versions}}
   {{#if (and page.fileUri (not env.CI))}}
   <div class="edit-this-page"><a href="{{page.fileUri}}">Edit this Page</a></div>