From bcddc5dd0e23883bffd1297609f7f2526611e427 Mon Sep 17 00:00:00 2001 From: Rafael Mardojai CM Date: Wed, 12 Oct 2022 11:59:46 -0500 Subject: [PATCH] Tabsbar: Fix text overlay fade when [textoverflow] isn't present --- theme/parts/tabsbar.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css index e5a4fb6..344676a 100644 --- a/theme/parts/tabsbar.css +++ b/theme/parts/tabsbar.css @@ -330,6 +330,9 @@ tab { .tabbrowser-tab:not([pinned]):is([selected="true"], :hover) { --tab-label-mask-size: 32px !important; } +.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-label-container:not([textoverflow]) { + mask-image: linear-gradient(to left, transparent calc(var(--tab-label-mask-size) - 20px), black var(--tab-label-mask-size)) !important; +} /* Tab close button etc. positioning */ .tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {