app: Refactor and CSS rewrite

1 files changed, 24 insertions, 34 deletions

diff --git a/app/views/components/context.menu.php b/app/views/components/context.menu.php
index 1a3356a..75e1746 100644
--- a/app/views/components/context.menu.php
+++ b/app/views/components/context.menu.php
@@ -1,39 +1,29 @@
-<div class="dropdown <?php echo $type ?? null ?>">
-  <input
-    class="is-hidden dropdown-input"
-    type="checkbox"
-    id="dropdown-menu__<?php echo $id ?? null ?>"
-  />
+<context-menu-container>
+  <more-button>
+    <input hidden type="checkbox" id="context-menu-<?php echo $id ?? null ?>"/>
+    <label for="context-menu-<?php echo $id ?? 'none' ?>"><?php echo $label ?? null ?></label>
 
-  <label class="dropdown-label" for="dropdown-menu__<?php echo $id ?? 'none' ?>">
-    <?php echo $label ?? null ?>
-  </label>
+    <context-menu list right>
+      <context-menu-content>
+       <?php
+          echo $content ?? null;
 
-  <div class="dropdown-menu">
-    <div class="dropdown-content">
-     <?php
+          if ($links ?? null  === true) {
+            $route = '/';                             $label = 'Home';       include views('components', 'navigator.link.dropdown');
+            $route = '/posts/';                       $label = 'Posts';      include views('components', 'navigator.link.dropdown');
+            $route = '/projects/';                    $label = 'Projects';   include views('components', 'navigator.link.dropdown');
+            $route = '/about/';                       $label = 'Profile';    include views('components', 'navigator.link.dropdown');
+            $route = '/abstracts/';                   $label = 'Abstracts';  include views('components', 'navigator.link.dropdown');
+            $route = '/contact/';                     $label = 'Contact';    include views('components', 'navigator.link.dropdown');
+            $route = '/git/';                         $label = 'Repository'; include views('components', 'navigator.link.dropdown');
+            $route = 'https://ko-fi.com/thedroneely'; $label = 'Coffee';     include views('components', 'navigator.link.dropdown');
 
-        echo $content ?? null;
-
-        if ($links ?? null  === true) {
-
-          $route = '/';                             $label = 'Home';       include views('components', 'navigator.link.dropdown');
-          $route = '/posts/';                       $label = 'Posts';      include views('components', 'navigator.link.dropdown');
-          $route = '/projects/';                    $label = 'Projects';   include views('components', 'navigator.link.dropdown');
-          $route = '/about/';                       $label = 'Profile';    include views('components', 'navigator.link.dropdown');
-          $route = '/abstracts/';                   $label = 'Abstracts';  include views('components', 'navigator.link.dropdown');
-          $route = '/contact/';                     $label = 'Contact';    include views('components', 'navigator.link.dropdown');
-          $route = '/git/';                         $label = 'Repository'; include views('components', 'navigator.link.dropdown');
-          $route = 'https://ko-fi.com/thedroneely'; $label = 'Coffee';     include views('components', 'navigator.link.dropdown');
-
-          $formClass = 'theme-toggle';
-          $iconClass = 'is-hidden';
-          $buttonClass ='navbar-item button theme-toggle-button is-text has-text-left';
-          include views('components', 'theme.toggle');
-        }
+            include views('components', 'theme.toggle');
+          }
         ?>
-    </div>
-  </div>
-</div>
+      </context-menu-content>
+    </context-menu>
+  </more-button>
+</context-menu-container>
 
-<?php $type = $id = $label = $content = $links = null; ?>
+<?php $id = $label = $content = $links = null; ?>