public/js/app: Rework navigator logic

Cleanup JavaScript

2 files changed, 3 insertions, 9 deletions

diff --git a/app/views/components/context-menu.php b/app/views/components/context-menu.php
index a33cbb7..882bb60 100644
--- a/app/views/components/context-menu.php
+++ b/app/views/components/context-menu.php
@@ -1,11 +1,11 @@
 <div class="dropdown <?php echo $type ?? null ?>">
   <input
-    class="is-hidden input-dropdown"
+    class="is-hidden dropdown-input"
     type="checkbox"
     id="dropdown-menu__<?php echo $id ?? null ?>"
   />
 
-  <label for="dropdown-menu__<?php echo $id ?? null ?>">
+  <label class="dropdown-label" for="dropdown-menu__<?php echo $id ?? null ?>">
     <?php echo $label ?? null ?>
   </label>
 
@@ -23,9 +23,3 @@
     </div>
   </div>
 </div>
-
-<style>
-  .input-dropdown[type="checkbox"]:checked ~ .dropdown-menu {
-    display: block;
-  }
-</style>
diff --git a/app/views/partials/navigator.php b/app/views/partials/navigator.php
index 3305834..0f1937c 100644
--- a/app/views/partials/navigator.php
+++ b/app/views/partials/navigator.php
@@ -37,7 +37,7 @@
                     </div>
                 </a>
 
-                <div class="navbar-burger navbar-item navbar__icon has-text-dark">
+                <div class="navbar-burger navbar-item navbar__icon has-text-dark has-tap-transparent">
                     <?php
                       $id = 'mobile-compact';
                       $type = 'is-cover is-right';