Add vertical_popup_menubar.css

chrome/vertical_popup_menubar.css

@@ -0,0 +1,51 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_popup_menubar.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Makes menubar-items (File, Edit etc.) appear vertically as popup
+ * When menubar is enabled, only the first item will be visible and it will use an icon instead of text.
+ * When menubar is disabled and you hit Alt to show it, then the menubar items will appear in the corner as overlay.
+ * Does NOT support toolbar buttons/items in menubar when in disabled mode.
+ */
+
+#toolbar-menubar{
+  --uc-menubaritem-height: 28px;
+  --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}
+
+#menubar-items{
+  display: block;
+  position: fixed;
+  z-index: 10;
+  background-color: var(--lwt-accent-color);
+  inset-inline-start: 0;
+}
+menubar{ -moz-box-orient: vertical; }
+menubar > menu { padding: 3px }
+
+menubar > menu > menupopup{ margin: calc(0px - var(--uc-menubaritem-height)) 0 0 var(--uc-menubaritem-width) }
+#toolbar-menubar[autohide="true"][inactive] > #menubar-items{ max-height: 0px; overflow: -moz-hidden-unscrollable }
+
+
+#toolbar-menubar[autohide="true"]:not([inactive]){ margin-bottom: -32px }
+
+#toolbar-menubar > .titlebar-buttonbox-container + :-moz-any(toolbarbutton,toolbaritem){ margin-inline-start: var(--uc-menubaritem-width) }
+
+#file-menu{
+  fill: currentColor;
+  visibility: visible;
+  height: var(--uc-menubaritem-height);
+  width: var(--uc-menubaritem-width);
+  -moz-context-properties: fill;
+  padding: 3px !important;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+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 }
+

html_resources/tagmap.json

@@ -97,5 +97,6 @@
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"]
+"window_control_placeholder_support.css":["window-control","patch"],
+"vertical_popup_menubar.css":["menubar","menu","toolbars","popup"]
 }

tags.csv

@@ -97,3 +97,4 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
+vertical_popup_menubar.css,menubar,menu,toolbars,popup