diff --git a/src/assets/styles/base.css b/src/assets/styles/base.css index b545f8d..87bad05 100644 --- a/src/assets/styles/base.css +++ b/src/assets/styles/base.css @@ -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); } \ No newline at end of file diff --git a/src/components/core/BasicScripts.astro b/src/components/core/BasicScripts.astro index 0aeddef..b7386be 100644 --- a/src/components/core/BasicScripts.astro +++ b/src/components/core/BasicScripts.astro @@ -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"); + };