2019-03-20 14:19:13 +00:00
/* Makes menubar behave like on mac */
/* Menubar will be shown when cursor touches top of the spacers on both side of tabs. Window controls will be in menubar, so they are automatically hidden */
/* Make sure you have menubar enabled */
# TabsToolbar > . toolbar-items { position : relative ; z-index : 5 ; }
2019-12-07 12:16:42 +00:00
# toolbar-menubar > . titlebar-buttonbox-container { float : right ; display : block }
2019-03-20 14:19:13 +00:00
# TabsToolbar > . titlebar-spacer { display : -moz- box !important ; }
# toolbar-menubar {
--uc-menubar-height : 36px ;
position : fixed ;
2019-09-28 09:18:59 +00:00
display : block ;
2019-03-20 14:19:13 +00:00
width : 100vw ;
height : var ( --uc-menubar-height ) ;
margin-top : calc ( 8px - var ( --uc-menubar-height ) ) ;
transition : margin-top 150ms linear ! important ;
-moz-window-dragging : no-drag ;
z-index : 4 ;
}
# toolbar-menubar : hover {
background-color : var ( --toolbar-bgcolor ) ! important ;
margin-top : 0px ;
z-index : 6
}