fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-10 03:40:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make menubar on top work better with different setups

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

27
chrome/Fx65_tabs_on_bottom.css
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 */

4
chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css
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%;