Added navigation to hamburger menu (#309)

Recapitulated the sidebar in the hamburger menu for navigation Display is hidden on large and up screens Signed-off-by: Patrick Smyth <patrick.smyth@chainguard.dev>
sigstore · Jun 25, 2024 · fa8b3df · fa8b3df
1 parent 1c5c6c3
commit fa8b3df
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/assets/scss/layouts/_header.scss b/assets/scss/layouts/_header.scss
@@ -491,3 +491,10 @@ button#doks-versions {
     padding-left: 0.5rem;
   }
 }
+
+// Hide sidebar appearing inside hamburger menu
+// on mobile devices
+@include media-breakpoint-up(lg) {
+    .sidebar-mobile {
+        display: none;
+    }}
diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html
@@ -162,6 +162,11 @@ <h2 class="h5 offcanvas-title ps-2" id="offcanvasDoksLabel"><a class="text-dark"
           </ul>
         </div>
         {{ end -}}
+
+        <div class="sidebar-mobile">
+          {{ partial "sidebar/auto-collapsible-menu.html" . }}
+        </div>
+
       </div>
     </div>
   </nav>