Use flexbox model for menubar
This commit is contained in:
parent
a0c8c9c2a0
commit
07ccb15825
1 changed files with 8 additions and 6 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue