mobile-config-firefox/chrome/autohide_menubar.css
MrOtherGuy 0bc77cc515 autohide_menubar.css: Increase the size of menubar triggering area
The window frame area (at least on Win10) is wider in Fx98 which
prevents menubar items from showing up. This patch simply increases the
size by few pixels.
2022-03-01 11:41:38 +02:00

44 lines
No EOL
1.6 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_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 slide over tabs toolbar when hovered */
/* Menubar will be shown when cursor touches top of the spacers on both side of tabs. Window controls will be in menubar, so they are automatically hidden */
/* Make sure you have menubar enabled */
:root{ --uc-menubar-spacer: 11px }
:root[sizemode="maximized"]{ --uc-menubar-spacer: 1px }
#nav-bar-customization-target,
#PanelUI-button,
#nav-bar-overflow-button,
#TabsToolbar > .toolbar-items{ position: relative; z-index: 5; }
#toolbar-menubar > spacer{ flex-grow: 1 }
#toolbar-menubar > spacer,
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
#TabsToolbar > .titlebar-spacer{ display: -moz-box !important; }
#toolbar-menubar:not([customizing]){
--uc-menubar-height: 34px;
position: fixed;
display: flex;
width: 100vw;
height: var(--uc-menubar-height);
/* --uc-menubar-extra-margin is defined in toolbars_below_content.css */
margin-top: calc(var(--uc-menubar-spacer) - var(--uc-menubar-height) + var(--uc-menubar-extra-margin,0px));
transition: margin-top 150ms linear !important;
-moz-window-dragging: no-drag;
z-index:4;
}
#toolbar-menubar:hover{
background-color: var(--toolbar-bgcolor) !important;
margin-top: var(--uc-menubar-extra-margin,0px) !important;
z-index: 6
}
#main-menubar > menu{ padding-bottom: 4px }
/* This exists only for compatibility reasons with some other styles */
#navigator-toolbox{ --uc-hide-window-control-space: 0 }