diff --git a/userChrome.css b/userChrome.css index 67ba786..f49b04a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1267,33 +1267,31 @@ border-bottom: 2px solid var(--identity-icon-color); } - /* Busy, None exist favicon */ - .tabbrowser-tab[busy] .tab-content::before, - .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before, - .tabbrowser-tab[pinned][visuallyselected]:not([busy]):not(:hover) .tab-content::before { + .tabbrowser-tab:not([pinned]) .tab-content::before { /* Box Model */ content: ''; display: block; position: absolute !important; - transition: 0.2s !important; - transform: translateY(10px) !important; /* Shape */ border-bottom: 2px solid var(--identity-icon-color); - width: 16px; + width: 25%; + + /* Animate */ + transition: 0.2s !important; + transform: translateY(10px) !important; } - .tabbrowser-tab[busy] .tab-content::before, - .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before { - transform: translateY(10px) !important; /* None exist favicon */ + .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { + width: 75%; } - /* None exist favicon - With Sound */ - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + /* Pinned Tab */ + .tabbrowser-tab[pinned] .tab-icon-image, .tab-sharing-icon-overlay { + box-sizing: content-box; + padding: 3px 0; + border-bottom: 2px solid var(--identity-icon-color); } - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover { - border-bottom: none; - } /* Pinned Tab - Titlechanged Indicator override */ .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]) .tab-icon-image,