mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Sound Tab - label transform animation

Browse source
This commit is contained in:
alstjr7375 2021-10-14 16:00:46 +09:00
parent 532b87296c
commit 2ab975f0b6
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
userChrome.css
View file

@ -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],