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

non_floating_sharp_tabs: add workaround for bug 1859977

Browse Source 
This bug simplified selected tab background styling, but this style
depends on those three background-image layers to make it appear the
selected tab is connected to the toolbar below.
This commit is contained in:
MrOtherGuy
2023-10-25 16:28:54 +03:00
parent c8738a10ee
commit c53d174896
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
chrome/non_floating_sharp_tabs.css
View File

@@ -90,7 +90,15 @@ See the above repository for updates as well as full license text. */
border-top: 0 !important;
outline: none !important;
}
/* This next rule set is needed for Fx 120, otherwise themes with translucent tabs would seem to have extra border separating them from toolbar below */
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background:is([selected], [multiselected]):-moz-lwtheme {
background-attachment: scroll, scroll, fixed;
background-color: transparent !important;
background-image: linear-gradient(var(--tab-selected-bgcolor, transparent), var(--tab-selected-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
background-position: 0 0, 0 0, right top;
background-repeat: repeat-x, repeat-x, no-repeat !important;
background-size: auto 100%, auto 100%, auto auto;
}
.tab-background:not([selected])[multiselected]{
background: color-mix(in srgb, currentColor 11%, transparent) !important;
margin-inline-start: -1px;