fix https://github.com/nunocoracao/blowfish/issues/1695

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"] *) {

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;

assets/js/mobilemenu.js

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