fixed mobile bar close event

scripts/main_page.js

@@ -66,11 +66,12 @@ async function loadData() {
     const sidebar_top = document.getElementById("sidebar-top-content");
 
     const navbar_mobile = document.getElementById("navbar-mobile");
-    const button_mobile2 = document.getElementById("button_mobile");
+    const button_mobile2 = document.getElementById("button-mobile");
 
     document.addEventListener("click", (e) => {
-        if (!e.target.closest("navbar-mobile") && button_mobile2.classList.contains("inactive")) {
+        if (!e.target.closest("#navbar-mobile") && !e.target.closest("#button-mobile") && !navbar_mobile.classList.contains("inactive")) {
             navbar_mobile.classList.add("inactive");
+            button_mobile2.classList.remove("inactive");
         }
     });
 

styles/mobile_bar_style.css

@@ -12,6 +12,9 @@
     gap: 10px;
     background: var(--bg);
     transition: left 0.3s;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 #navbar-mobile.inactive {

styles/sidebar_style.css

@@ -72,6 +72,9 @@
     position: relative;
     font-weight: normal;
     margin: 5px 0px 5px 0px;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 .nav-link {
@@ -194,6 +197,9 @@ input:checked+.slider:before {
     align-items: center;
     border: none;
     background: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 .lang-dropdown.show-border {