diff --git a/userChrome.css b/userChrome.css index 8db0afc..67ba786 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1172,13 +1172,23 @@ margin-inline-end: 9.5px !important; } - /* None exist favicon */ + /* None exist favicon - Size bigger */ .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]) { top: 0 !important; inset-inline-end: 0 !important; margin-inline-end: 5.5px !important; padding: 2px 0 !important; } + .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + box-sizing: content-box; + padding: 3px 0; + + border-radius: 0 !important; + } + .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover { + padding: 0; + border-radius: 10px !important; + } /* Busy - Show */ .tab-throbber[busy], .tab-icon-pending[busy] { @@ -1279,16 +1289,9 @@ /* None exist favicon - With Sound */ .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { - box-sizing: content-box; - padding: 3px 0; - - border-radius: 0 !important; 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 { - padding: 0; - - border-radius: 10px !important; border-bottom: none; }