Use flexbox model for menubar

This commit is contained in:
MrOtherGuy 2020-05-22 09:20:40 +03:00
parent a0c8c9c2a0
commit 07ccb15825

View file

@ -6,13 +6,17 @@ See the above repository for updates as well as full license text. */
/* Make sure you have menubar enabled */ /* Make sure you have menubar enabled */
#TabsToolbar > .toolbar-items{ position: relative; z-index: 5; } #TabsToolbar > .toolbar-items{ position: relative; z-index: 5; }
#toolbar-menubar > .titlebar-buttonbox-container{ float: right; display: block } #toolbar-menubar > spacer{ flex-grow: 1 }
#toolbar-menubar > spacer,
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
#TabsToolbar > .titlebar-spacer{ display: -moz-box !important; } #TabsToolbar > .titlebar-spacer{ display: -moz-box !important; }
#toolbar-menubar{ #toolbar-menubar:not([customizing]){
--uc-menubar-height: 36px; --uc-menubar-height: 34px;
position: fixed; position: fixed;
display: block; display: flex;
width: 100vw; width: 100vw;
height: var(--uc-menubar-height); height: var(--uc-menubar-height);
margin-top: calc(8px - var(--uc-menubar-height)); margin-top: calc(8px - var(--uc-menubar-height));
@ -21,8 +25,6 @@ See the above repository for updates as well as full license text. */
z-index:4; z-index:4;
} }
#menubar-items{ display: block; float: left; }
#toolbar-menubar:hover{ #toolbar-menubar:hover{
background-color: var(--toolbar-bgcolor) !important; background-color: var(--toolbar-bgcolor) !important;
margin-top: 0px; margin-top: 0px;