From f922d903f071a2c3939e09b2b01ac4131ca84443 Mon Sep 17 00:00:00 2001
From: David Legrand <1110600+davlgd@users.noreply.github.com>
Date: Mon, 12 Feb 2024 23:39:32 +0100
Subject: [PATCH] feat: add param to empty sidebar on mobile

Fix #274 #275
---
 exampleSite/hugo.yaml         | 3 +++
 layouts/partials/sidebar.html | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/exampleSite/hugo.yaml b/exampleSite/hugo.yaml
index 5dabe8eb..1569fabd 100644
--- a/exampleSite/hugo.yaml
+++ b/exampleSite/hugo.yaml
@@ -107,6 +107,9 @@ params:
     # full (100%), wide (90rem), normal (1280px)
     width: normal
 
+  sidebar:
+    emptyMobile: false
+
   theme:
     # light | dark | system
     default: system
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index efc85260..6591b3f3 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -22,11 +22,13 @@
     {{ partial "search.html" }}
   </div>
   <div class="hextra-scrollbar overflow-y-auto overflow-x-hidden p-4 grow md:h-[calc(100vh-var(--navbar-height)-var(--menu-height))]">
+    {{- if not site.Params.sidebar.emptyMobile -}}
     <ul class="flex flex-col gap-1 md:hidden">
       <!-- Nav -->
       {{ template "sidebar-main" (dict "context" site.Home "pageURL" $pageURL "page" $context "toc" true) -}}
       {{ template "sidebar-footer" }}
     </ul>
+    {{- end -}}
 
     <!-- Sidebar on large screen -->
     {{- if $disableSidebar -}}