Restructure css

2025-09-06 06:37:09 +00:00 · 2024-12-25 16:22:39 +08:00
parent a7214cfa81
commit dad4bed07e
17 changed files with 899 additions and 850 deletions
@@ -0,0 +1,30 @@
+const helpButton = document.getElementById('help-button');
+const helpOverlay = document.getElementById('help-overlay');
+const closeHelp = document.getElementById('close-help');
+const helpList = document.getElementById('help-list');
+
+// Function to setup the help menu
+export function setupHelpOverlay() {
+    helpButton.addEventListener("click", () => {
+        helpOverlay.classList.remove("hide");
+        helpOverlay.style.display = "flex";
+        requestAnimationFrame(() => {
+            helpOverlay.classList.add("show");
+        });
+        document.body.classList.add("no-scroll");
+    });
+    const hideHelpOverlay = () => {
+        helpOverlay.classList.remove("show");
+        helpOverlay.classList.add("hide");
+        document.body.classList.remove("no-scroll");
+        setTimeout(() => {
+            helpOverlay.style.display = "none";
+        }, 200);
+    };
+    closeHelp.addEventListener("click", hideHelpOverlay);
+    helpOverlay.addEventListener("click", (event) => {
+        if (event.target === helpOverlay) {
+            hideHelpOverlay();
+        }
+    });
+}