From 2ab975f0b694ba37380d72f7f4352589c7463241 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 14 Oct 2021 16:00:46 +0900 Subject: [PATCH] Add: Sound Tab - label transform animation --- userChrome.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index 3703174..b84aa0d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2703,20 +2703,27 @@ fill-opacity: 0.8 !important; opacity: 1 !important; } - .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { - margin-inline-end: 9.5px !important; + .tab-label-container > .tab-label { + transition: transform 0.25s var(--animation-easing-function); + } + .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label { + transform: translateX(4px); } /* 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; + margin-inline-end: 0 !important; padding: 0 !important; } .tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { opacity: 0 !important; /* Favicon hidden */ } + .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) + .tab-label { + transform: translateX(5.5px); + } /* Busy - Show */ .tab-throbber[busy],