hide_tabs_toolbar: make the style work better with titlebar and menubar

This commit is contained in:
MrOtherGuy 2021-10-29 17:42:16 +03:00
parent f0675ef1a8
commit 233d758f08

View file

@ -4,15 +4,18 @@ See the above repository for updates as well as full license text. */
/* Hides tabs toolbar */ /* Hides tabs toolbar */
/* For OSX use hide_tabs_toolbar_osx.css instead */ /* For OSX use hide_tabs_toolbar_osx.css instead */
/* Note, if you have either native titlebar or menubar enabled, then you don't really need this style.
* In those cases you can just use: #TabsToolbar{ visibility: collapse !important }
*/
/* IMPORTANT */ /* IMPORTANT */
/* /*
Get window_control_placeholder_support.css Get window_control_placeholder_support.css
Window controls will be all wrong without it Window controls will be all wrong without it
*/ */
:root{ --uc-toolbar-height: 32px; } :root[tabsintitlebar]{ --uc-toolbar-height: 40px; }
:root[tabsintitlebar][uidensity="compact"]{ --uc-toolbar-height: 32px }
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
#TabsToolbar{ visibility: collapse !important } #TabsToolbar{ visibility: collapse !important }
@ -22,17 +25,22 @@ Window controls will be all wrong without it
} }
:root:not([inFullscreen]) #nav-bar{ :root:not([inFullscreen]) #nav-bar{
margin-top: calc(0px - var(--uc-toolbar-height)); margin-top: calc(0px - var(--uc-toolbar-height,0px));
} }
#toolbar-menubar{ :root[tabsintitlebar] #toolbar-menubar[autohide="true"]{
min-height: unset !important; min-height: unset !important;
height:var(--uc-toolbar-height) !important; height: var(--uc-toolbar-height,0px) !important;
position: relative; position: relative;
} }
#main-menubar{ #toolbar-menubar[autohide="false"]{
margin-bottom: var(--uc-toolbar-height,0px)
}
:root[tabsintitlebar] #toolbar-menubar[autohide="true"] #main-menubar{
-moz-box-flex: 1; -moz-box-flex: 1;
-moz-box-align: stretch;
background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor); background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor);
background-clip: padding-box; background-clip: padding-box;
border-right: 30px solid transparent; border-right: 30px solid transparent;
@ -40,7 +48,7 @@ Window controls will be all wrong without it
} }
#toolbar-menubar:not([inactive]){ z-index: 2 } #toolbar-menubar:not([inactive]){ z-index: 2 }
#toolbar-menubar[inactive] > #menubar-items { #toolbar-menubar[autohide="true"][inactive] > #menubar-items {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
margin-left: var(--uc-window-drag-space-pre,0px) margin-left: var(--uc-window-drag-space-pre,0px)