From c53d1748969b6826bf9218e8d05da073e3e88dba Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 25 Oct 2023 16:28:54 +0300 Subject: [PATCH] non_floating_sharp_tabs: add workaround for bug 1859977 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. --- chrome/non_floating_sharp_tabs.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/chrome/non_floating_sharp_tabs.css b/chrome/non_floating_sharp_tabs.css index ca2a9b8..1124b50 100644 --- a/chrome/non_floating_sharp_tabs.css +++ b/chrome/non_floating_sharp_tabs.css @@ -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;