Make menubar on top work better with different setups

This commit is contained in:
MrOtherGuy 2019-02-06 13:15:16 +02:00
parent e0f100125a
commit 34708e93bf
2 changed files with 23 additions and 8 deletions

View file

@ -1,27 +1,40 @@
/* Modify to change window drag space width */ /* Modify to change window drag space width */
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px } /*
Use Fx65_tabs_on_bottom_menubar_on_top_patch if you
have menubar permanently enabled and want it on top
*/
:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 138px }
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; }
.titlebar-buttonbox-container{ .titlebar-buttonbox-container{
position: fixed; position: fixed;
top:0; top: var(--uc-titlebar-padding,0px);
right:0; right:0;
height: 40px; height: 40px;
} }
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{ #titlebar{
-moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2;
-moz-appearance: none !important; -moz-appearance: none !important;
} }
:root[tabsintitlebar="true"] #nav-bar{ :root[tabsintitlebar="true"] #nav-bar{
padding-right: calc(138px + var(--window-drag-space-width,0px)); padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
padding-left: var(--window-drag-space-width,0px) padding-left: var(--window-drag-space-width,0px)
} }
.titlebar-placeholder, .titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; } #TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */ /* Also hide the toolbox bottom border which isn't at bottom with this setup */

View file

@ -1,10 +1,12 @@
/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */ /* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */ /* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ margin-top: 22px } #navigator-toolbox{ margin-top: 22px }
#toolbar-menubar{ #toolbar-menubar{
position: fixed; position: fixed;
top: 0px; top: var(--uc-titlebar-padding,0px);
height: 22px; height: 22px;
margin-top:1px; margin-top:1px;
width: 100%; width: 100%;