themes/default/layouts/partials: Merge menu

2 files changed, 21 insertions, 18 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index af163a8..cf106eb 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -157,9 +157,9 @@ li:target [role="doc-backlink"][href^="#fnref\:"] {
 
 nav a:focus,
 button:focus,
+menu a:focus,
 code-block a:focus,
-gallery-images a:focus,
-context-control a:focus {
+gallery-images a:focus {
   outline-offset: -0.2rem !important;
 }
 
@@ -608,7 +608,7 @@ pre code {
 
 summary,
 abbr[title] label,
-micro-metadata-menu context-control label {
+menu label {
   cursor: pointer;
 }
 
@@ -625,7 +625,7 @@ a:hover {
 }
 
 a:hover,
-micro-metadata-menu:hover span,
+menu:hover span,
 micro-metadata-view a:hover span,
 micro-metadata-draft a:hover span,
 micro-metadata-handle a:hover span {
@@ -1263,25 +1263,28 @@ micro-metadata-anchored a[data-anchored="marked"] svg {
   fill: #cd5c5c;
 }
 
-micro-metadata-menu {
+menu {
   display: inline-block;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
   position: relative;
 }
 
-micro-metadata-menu context-menu {
+menu context-menu {
   min-width: 10rem;
 }
 
-micro-metadata-menu context-menu svg {
+menu context-menu svg {
   margin-right: 0.25rem;
 }
 
-micro-metadata-menu context-menu a {
+menu context-menu a {
   display: block;
   padding: 0.5rem 1rem;
 }
 
-micro-metadata-menu context-menu a:hover {
+menu context-menu a:hover {
   background-color: #eee;
   background-color: var(--hover-background);
   border-radius: 0.25rem;
@@ -1306,7 +1309,7 @@ micro-metadata context-menu a span {
   text-decoration: none;
 }
 
-micro-metadata-menu span,
+menu span,
 micro-metadata-view a span,
 micro-metadata-name a:hover,
 micro-metadata-draft a span,
@@ -2146,21 +2149,21 @@ context-menu {
   opacity: 0;
 }
 
-context-menu[right] {
+context-menu[position="right"] {
   right: 0;
 }
 
-context-menu[left] {
+context-menu[position="left"] {
   left: 0;
 }
 
-context-menu[anchor] {
+context-menu[position="anchor"] {
   left: -125%;
   top: 0;
 }
 
-context-menu[left],
-context-menu[right] {
+context-menu[position="left"],
+context-menu[position="right"] {
   top: 1rem;
 }
 
diff --git a/assets/js/index.js b/assets/js/index.js
index cc23d2c..61fbe68 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -378,7 +378,7 @@
         }
     };
     self.addEventListener("scroll", function() {
-        const triggers = document.querySelectorAll("micro-metadata-menu input");
+        const triggers = document.querySelectorAll("menu input");
         hide(triggers);
     });
     [
@@ -386,8 +386,8 @@
         "touchstart"
     ].forEach(function(event) {
         self.addEventListener(event, function(event) {
-            const menus = document.querySelectorAll("micro-metadata-menu");
-            const triggers = document.querySelectorAll("micro-metadata-menu input");
+            const menus = document.querySelectorAll("menu");
+            const triggers = document.querySelectorAll("menu input");
             hideIfClickedOutside(menus, triggers, event);
         });
     });