hide_tabs_toolbar: make the style work better with titlebar and menubar
This commit is contained in:
parent
f0675ef1a8
commit
233d758f08
1 changed files with 18 additions and 10 deletions
|
@ -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)
|
||||||
|
|
Loading…
Reference in a new issue