From 022cb680d12c693f3a10496fcd169b730f012b75 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 25 May 2021 11:07:02 +0900 Subject: [PATCH] Fix: Pinned Tab - titlechanged position --- userChrome.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 0481669..0192f12 100644 --- a/userChrome.css +++ b/userChrome.css @@ -125,12 +125,12 @@ :root:not([uidensity=touch]) .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), :root:not([uidensity=touch]) .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position: center bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; + background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; } :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), :root[uidensity=compact] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position: center bottom calc(.5px + var(--tabs-navbar-shadow-size)) !important; + background-position-y: bottom calc(.5px + var(--tabs-navbar-shadow-size)) !important; } /** Tab Bar - Connect to window *********************************************/ @@ -462,13 +462,15 @@ /* Pinned Tab - Titlechanged Indicator override */ .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]) .tab-icon-image, .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) .tab-icon-image { - border-bottom: 4px dotted var(--identity-icon-color) !important; + border-bottom: 2px solid transparent !important; } .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ - background-image: radial-gradient(circle, var(--identity-icon-color), var(--identity-icon-color) 2px, transparent 2px); + --dotted-identity-image: radial-gradient(circle, var(--identity-icon-color), var(--identity-icon-color) 2px, transparent 2px); + background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; + background-position-x: 32%, 50%, 70% !important; } /** Crashed Tab - Don't show Favicons ***************************************/