From e9c84907ed6197f7827fb1e8d6e2437d623232d6 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sat, 20 Apr 2024 19:36:46 +0300
Subject: [PATCH] vertical popup menubar: replace menubar tag selectors with
 #main-menubar

This prevents the style from applying to other menubars such as that of
Library
---
 chrome/vertical_popup_menubar.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/chrome/vertical_popup_menubar.css b/chrome/vertical_popup_menubar.css
index d06dbb5..597ed46 100644
--- a/chrome/vertical_popup_menubar.css
+++ b/chrome/vertical_popup_menubar.css
@@ -12,9 +12,9 @@ See the above repository for updates as well as full license text. */
   --uc-menubaritem-width: 40px;
 }
 
-menubar > menu{visibility: collapse; transition: visibility 0ms linear 0.1s}
-menubar:hover > menu,    
-#toolbar-menubar[autohide="true"]:not([inactive]) > #menubar-items > menubar > menu{visibility: visible}
+#main-menubar > menu{visibility: collapse; transition: visibility 0ms linear 0.1s}
+#main-menubar:hover > menu,    
+#toolbar-menubar[autohide="true"]:not([inactive]) > #menubar-items > #main-menubar > menu{visibility: visible}
 
 :root:not([customizing],[sizemode="fullscreen"]) #menubar-items{
   display: block;
@@ -26,11 +26,11 @@ menubar:hover > menu,
 :root[lwtheme]:not([customizing]) #menubar-items{
   background-color: var(--lwt-accent-color);
 }
-:root:not([customizing]) menubar{
+:root:not([customizing]) #main-menubar{
   flex-direction: column;
 }
-menubar > menu { padding: 3px }
-menubar > menu > menupopup{
+#main-menubar > menu { padding: 3px }
+#main-menubar > menu > menupopup{
   margin: calc(0px - var(--uc-menubaritem-height)) 0 0 var(--uc-menubaritem-width);
 }
 #toolbar-menubar[autohide="true"][inactive] > #menubar-items{
@@ -55,10 +55,10 @@ menubar > menu > menupopup{
   background-position: center;
 }
 
-menubar:not(:hover) > #file-menu{ background-image: url("chrome://devtools/skin/images/tool-storage.svg"); }
+#main-menubar:not(:hover) > #file-menu{ background-image: url("chrome://devtools/skin/images/tool-storage.svg"); }
 
 #file-menu > .menubar-text{ visibility: collapse }
-menubar:hover > #file-menu > .menubar-text{ visibility: visible }
+#main-menubar:hover > #file-menu > .menubar-text{ visibility: visible }
 
 #titlebar{
   opacity: 1 !important;