mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix hidden nav bar on click on mobile

Browse Source
This commit is contained in:
prototypa
2023-08-08 09:35:05 -04:00
parent 11e335348e
commit 0d4c6cd967
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/BasicScripts.astro
View File

@ -35,7 +35,17 @@ import { UI_CONFIG } from '~/utils/config';
let lastKnownScrollPosition = window.scrollY; let lastKnownScrollPosition = window.scrollY;
let ticking = true; let ticking = true;
attachEvent('[data-aw-toggle-menu], #header nav', 'click', function () { attachEvent('#header nav', 'click', function () {
document.querySelector("[data-aw-toggle-menu]")?.classList.remove("expanded");
document.body.classList.remove("overflow-hidden");
document.getElementById("header")?.classList.remove("h-screen");
document.getElementById("header")?.classList.remove("expanded");
document.getElementById("header")?.classList.remove("bg-page");
document.querySelector("#header nav")?.classList.add("hidden");
document.querySelector("#header > div > div:last-child")?.classList.add("hidden");
});
attachEvent('[data-aw-toggle-menu]', 'click', function () {
document.body.classList.toggle("overflow-hidden"); document.body.classList.toggle("overflow-hidden");
document.getElementById("header")?.classList.toggle("h-screen"); document.getElementById("header")?.classList.toggle("h-screen");
document.getElementById("header")?.classList.toggle("expanded"); document.getElementById("header")?.classList.toggle("expanded");