pmOS-tweaks/mobile-config-firefox
1
0
Fork 0
forked from fliegerjohn/mobile-config-firefox
Code Pull requests Activity

use flexbox for menubar items

Browse source
This commit is contained in:
MrOtherGuy 2020-05-06 19:23:44 +03:00
parent 4d63f3b342
commit 1428068f47
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css
View file

@ -4,9 +4,10 @@
:root{ --uc-window-control-width: 0px !important } :root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ margin-top: 29px } #navigator-toolbox{ margin-top: 29px }
#toolbar-menubar{ #toolbar-menubar{
position: fixed; position: fixed;
display: block; display: flex;
top: var(--uc-titlebar-padding,0px); top: var(--uc-titlebar-padding,0px);
height: 29px; height: 29px;
margin-top:1px; margin-top:1px;
@ -14,9 +15,11 @@
overflow: hidden; overflow: hidden;
} }
#toolbar-menubar .titlebar-buttonbox-container{ height: 29px; } #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{ order: 99; flex-grow: 1; }
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; } #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
/* This will allow you to MAYBE put some items to the menubar */ #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
#toolbar-menubar > *{ float: left }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }