From eed36386852b4f05f223e0651018e143f1f0ea3d Mon Sep 17 00:00:00 2001
From: Patrick Smyth <patrick.smyth@chainguard.dev>
Date: Wed, 19 Jun 2024 16:04:31 -0400
Subject: [PATCH] Added navigation to hamburger menu

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>
---
 assets/scss/layouts/_header.scss    | 7 +++++++
 layouts/partials/header/header.html | 5 +++++
 2 files changed, 12 insertions(+)

diff --git a/assets/scss/layouts/_header.scss b/assets/scss/layouts/_header.scss
index a0b4a0a7..41aa8765 100644
--- 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
index e6aad940..24c4615c 100644
--- 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>