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

Fix navigation detail with menu

Browse Source
This commit is contained in:
prototypa
2022-08-19 04:52:54 -04:00
parent 59b4808461
commit 46f79355f6
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/styles/base.css
View File

@ -8,10 +8,10 @@
}
}
.menu-opened .line1 {
[data-aw-toggle-menu].expanded .line1 {
transform: rotate(-45deg) translate(-12px, 8px);
}
.menu-opened .line2 {
[data-aw-toggle-menu].expanded .line2 {
transform: rotate(45deg) translate(4px, -16px);
}

9
src/components/core/BasicScripts.astro
View File

@ -28,7 +28,7 @@ const {} = Astro.props;
window.onload = function () {
attachEvent("[data-aw-toggle-menu]", "click", function (elem) {
elem.classList.toggle("menu-opened");
elem.classList.toggle("expanded");
document.getElementById("menu").classList.toggle("hidden");
});
@ -39,4 +39,11 @@ const {} = Astro.props;
: "light";
});
};
window.onpageshow = function () {
const elem = document.querySelector("[data-aw-toggle-menu]");
if (elem) {
elem.classList.remove("expanded");
}
document.getElementById("menu").classList.add("hidden");
};
</script>