pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

hide_tabs_toolbar: make the style work better with titlebar and menubar

Browse source
This commit is contained in:
MrOtherGuy 2021-10-29 17:42:16 +03:00
parent f0675ef1a8
commit 233d758f08
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
chrome/hide_tabs_toolbar.css
View file

@ -4,15 +4,18 @@ See the above repository for updates as well as full license text. */
/* Hides tabs toolbar */
/* 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 */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it
*/
:root{ --uc-toolbar-height: 32px; }
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
:root[tabsintitlebar]{ --uc-toolbar-height: 40px; }
:root[tabsintitlebar][uidensity="compact"]{ --uc-toolbar-height: 32px }
#TabsToolbar{ visibility: collapse !important }
@ -22,17 +25,22 @@ Window controls will be all wrong without it
}
: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;
height:var(--uc-toolbar-height) !important;
height: var(--uc-toolbar-height,0px) !important;
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-align: stretch;
background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor);
background-clip: padding-box;
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[inactive] > #menubar-items {
#toolbar-menubar[autohide="true"][inactive] > #menubar-items {
opacity: 0;
pointer-events: none;
margin-left: var(--uc-window-drag-space-pre,0px)