use flexbox for menubar items

This commit is contained in:
MrOtherGuy 2020-05-06 19:23:44 +03:00
parent 4d63f3b342
commit 1428068f47

View file

@ -4,9 +4,10 @@
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ margin-top: 29px }
#toolbar-menubar{
position: fixed;
display: block;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
margin-top:1px;
@ -14,9 +15,11 @@
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; }
/* This will allow you to MAYBE put some items to the menubar */
#toolbar-menubar > *{ float: left }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }