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); transform: rotate(-45deg) translate(-12px, 8px);
} }
.menu-opened .line2 { [data-aw-toggle-menu].expanded .line2 {
transform: rotate(45deg) translate(4px, -16px); transform: rotate(45deg) translate(4px, -16px);
} }

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

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