tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

multi-row tabs below content: Fix some layerization issues

Browse Source 
In particular, this menubar won't show up because nav-bar is in front of
it. Addtionally, this removes bunch of old rules that we don't need
anymore, one of which was setting background-color for main-window which
caused main-window to become transparent with some themes.
This commit is contained in:
MrOtherGuy
2024-08-29 18:40:18 +03:00
parent 13b0fbd7a1
commit 5b944c9b35
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
chrome/multi-row_tabs_below_content.css
View File

@@ -30,9 +30,7 @@ See the above repository for updates as well as full license text. */
--uc-window-control-width: 94px;
}
}
#main-window[tabsintitlebar]{
background-color: var(--toolbar-bgcolor,accentcolor) !important;;
}
:root[uidensity="compact"]{ --multirow-toolbar-height: 34px }
:root{ border-top-width: 0px !important }
@@ -51,14 +49,14 @@ See the above repository for updates as well as full license text. */
#nav-bar{
position: fixed !important;
/* For some reason -webkit-box behaves internally like -moz-box, but can be used with fixed position. display: flex would work too but it breaks extension menus. */
display: -webkit-box;
-webkit-box-flex: 1;
margin-left: var(--uc-window-drag-space-width);
width: calc(100vw - var(--uc-window-drag-space-width));
top: var(--multirow-top-padding);
border-top: 0 !important;
}
:where(#titlebar:hover + #nav-bar){
z-index: -1;
}
#nav-bar-customization-target{ -webkit-box-flex: 1 }
:root[inFullscreen] #nav-bar,
:root[tabsintitlebar] #nav-bar{
margin-right: var(--uc-window-control-width);
@@ -123,7 +121,7 @@ See the above repository for updates as well as full license text. */
visibility: hidden;
}
#main-menubar{ height: var(--multirow-toolbar-height) }
#toolbar-menubar:hover{ z-index: 2 }
#toolbar-menubar:hover > #menubar-items{
visibility: visible;
background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px);
@@ -172,6 +170,7 @@ See the above repository for updates as well as full license text. */
scrollbar-gutter: stable;
scroll-snap-type: y mandatory;
}
.scrollbox-clip > scrollbox[part][orient="horizontal"] > slot{ display: contents }
scrollbox[part][orient="horizontal"] > slot{
overflow-x: hidden;
}
@@ -231,6 +230,9 @@ See the above repository for updates as well as full license text. */
--uc-window-drag-space-width: 0px;
--uc-window-control-width: 0px;
}
#nav-bar{
z-index: auto;
}
#main-menubar,
#toolbar-menubar{ height: var(--multirow-menubar-height); background-image: none; }
#toolbar-menubar > #menubar-items{ visibility: visible; background-image: none !important; }
@@ -246,3 +248,4 @@ See the above repository for updates as well as full license text. */
.tabbrowser-tab[fadein]:not([pinned]){ max-width: 100vw !important; }
}
}