revsuine/hugo-theme-terminal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change menu behavior

Browse source
This commit is contained in:
panr 2022-06-21 17:15:11 +02:00
parent 7f097d7700
commit 5cf4720aff
3 changed files with 5 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/js/menu.js
View file

@ -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