update theme

themes/blowfish/assets/css/compiled/main.css

@@ -3182,21 +3182,6 @@ body button {
   display:none
 }
 
-/* Hamburger menu */
-
-body:has(#menu-controller:checked) {
-  overflow-y:hidden
-}
-
-#menu-button:has(#menu-controller:checked) {
-  visibility:hidden
-}
-
-#menu-controller:checked~#menu-wrapper {
-  visibility:visible;
-  opacity:1
-}
-
 /* RTL support */
 
 .prose blockquote:where([dir="rtl"], [dir="rtl"] *) {

themes/blowfish/assets/css/main.css

@@ -29,19 +29,6 @@ body button {
   @apply hidden;
 }
 
-/* Hamburger menu */
-body:has(#menu-controller:checked) {
-  @apply overflow-y-hidden;
-}
-
-#menu-button:has(#menu-controller:checked) {
-  @apply invisible;
-}
-
-#menu-controller:checked~#menu-wrapper {
-  @apply visible opacity-100;
-}
-
 /* RTL support */
 .prose blockquote {
   @apply rtl:pr-4 rtl:border-l-0 rtl:border-r-4;

themes/blowfish/assets/js/mobilemenu.js

@@ -0,0 +1,33 @@
+var menuButton = document.getElementById("menu-button");
+var menuCloseButton = document.getElementById("menu-close-button");
+var menuWrapper = document.getElementById("menu-wrapper");
+
+var menuOpen = false;
+
+var openMenu = function (e) {
+  if (!menuOpen) {
+    menuOpen = true;
+    document.body.style.overflowY = "hidden";
+    menuButton.style.visibility = "hidden";
+    menuWrapper.style.visibility = "visible";
+    menuWrapper.style.opacity = "1";
+    window.onbeforeunload = function (event) {
+      closeMenu()
+    }
+  }
+};
+
+var closeMenu = function (e) {
+  if (menuOpen) {
+    menuOpen = false;
+    document.body.style.overflowY = "auto";
+    menuButton.style.visibility = "visible";
+    menuWrapper.style.visibility = "hidden";
+    menuWrapper.style.opacity = "0";
+    window.onbeforeunload = function (event) { }
+    e.stopPropagation();
+  }
+}
+
+menuButton.addEventListener("click", openMenu);
+menuCloseButton.addEventListener("click", closeMenu);