hugo-theme-terminal

commit 5cf4720aff95bacf96d9919ce6c285de0ec764ec
parent 7f097d7700c273458612386bc5887119efd32fd7
Author: panr <radoslaw.koziel@gmail.com>
Date:   Tue, 21 Jun 2022 17:15:11 +0200

change menu behavior

Diffstat:
M
assets/js/menu.js
 | 
8
+++-----
M
layouts/partials/footer.html
 | 
3
+--
M
layouts/partials/menu.html
 | 
2
+-

3 files changed, 5 insertions(+), 8 deletions(-)
diff --git a/assets/js/menu.js b/assets/js/menu.js
@@ -7,9 +7,7 @@ const menuMore = document.querySelector(".menu__sub-inner-more");
 const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth");
 const isMobile = () => window.matchMedia(mobileQuery).matches;
 const handleMenuClasses = () => {
-  mobileMenuTrigger && mobileMenuTrigger.classList.toggle("hidden", !isMobile());
-  menu && menu.classList.toggle("hidden", isMobile());
-  menuMore && menuMore.classList.toggle("hidden", !isMobile());
+  menuMore && menuMore.classList.toggle("hidden-on-mobile", !isMobile());
 };
 
 // Common
@@ -17,7 +15,7 @@ const handleMenuClasses = () => {
 menu && menu.addEventListener("click", (e) => e.stopPropagation());
 menuMore && menuMore.addEventListener("click", (e) => e.stopPropagation());
 
-handleMenuClasses();
+// handleMenuClasses();
 
 document.body.addEventListener("click", () => {
   if (!isMobile() && menuMore && !menuMore.classList.contains("hidden")) {
@@ -34,7 +32,7 @@ window.addEventListener("resize", handleMenuClasses);
 mobileMenuTrigger &&
   mobileMenuTrigger.addEventListener("click", (e) => {
     e.stopPropagation();
-    menu && menu.classList.toggle("hidden");
+    menu && menu.classList.toggle("hidden-on-mobile");
   });
 
 // Desktop menu
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -18,8 +18,7 @@
 
 {{ $bundle := slice $menu $languageSelector $prism | resources.Concat "bundle.js" | resources.Minify }}
 
-
-<script type="text/javascript" async src="{{ $bundle.RelPermalink }}"></script>
+<script type="text/javascript" src="{{ $bundle.RelPermalink }}"></script>
 
 <!-- Extended footer section-->
 {{ partial "extended_footer.html" . }}
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -1,4 +1,4 @@
-<nav class="menu">
+<nav class="menu hidden-on-mobile">
   <ul class="menu__inner menu__inner--desktop">
     {{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
       {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}