Added support for zen glance tab; slight adjustments to transform

- Fixed issue where modded sound icon was not appearing correctly in zen glance tabs.
- Slight adjustments to scale and position of sound icon.
This commit is contained in:
jvabn 2025-04-26 14:28:20 -07:00 committed by GitHub
parent 6485b4504d
commit a7b1885963
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,6 +1,7 @@
:root { :root {
--bmb-sound-icon-scale: 1.5; --bmb-sound-icon-scale: 1.5;
--bmb-sound-icon-scale-essentials: 1.26; --bmb-sound-icon-scale-essentials: 1.28;
--bmb-sound-icon-scale-glance: 1.15;
} }
/* ================== General ================== */ /* ================== General ================== */
@ -57,7 +58,7 @@
& .tab-icon-overlay, & .tab-icon-overlay,
& .tab-icon-stack { & .tab-icon-stack {
&:is([soundplaying], [muted], [activemedia-blocked]) { &:is([soundplaying], [muted], [activemedia-blocked]) {
transform: translate(20%, 25%) transform: translate(20%, 24%)
scale(var(--bmb-sound-icon-scale-essentials)) !important; scale(var(--bmb-sound-icon-scale-essentials)) !important;
display: block !important; display: block !important;
/* Remove extra margin created for vanilla icons */ /* Remove extra margin created for vanilla icons */
@ -68,6 +69,47 @@
} }
} }
/* ================== Zen glance tab (expanded tabs) ================== */
#navigator-toolbox[zen-sidebar-expanded] {
.tabbrowser-tab[zen-glance-tab] {
/* Hide tab icon image */
&:is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image {
display: none !important;
}
& .tab-throbber,
& .tab-icon-pending,
& .tab-icon-image,
& .tab-sharing-icon-overlay,
& .tab-icon-overlay,
& .tab-icon-stack {
&:is([soundplaying], [muted], [activemedia-blocked]) {
transform: translate(-10%, 25%)
scale(var(--bmb-sound-icon-scale-glance)) !important;
display: block !important;
margin: 0px !important;
}
}
}
}
/* ================== Zen glance tab (pinned and essentials) ================== */
#navigator-toolbox[zen-sidebar-expanded]
#tabbrowser-tabs
.tabbrowser-tab[zen-glance-tab] {
& .tab-throbber,
& .tab-icon-pending,
& .tab-icon-image,
& .tab-sharing-icon-overlay,
& .tab-icon-overlay {
&:is([soundplaying], [muted], [activemedia-blocked]) {
margin: 0px !important;
transform: translate(-35%, 25%) scale(var(--bmb-sound-icon-scale-glance)) !important;
display: block !important;
}
}
}
/* ================== Pinned tab (tab page changed) ================== */ /* ================== Pinned tab (tab page changed) ================== */
#navigator-toolbox[zen-sidebar-expanded] { #navigator-toolbox[zen-sidebar-expanded] {
.tabbrowser-tab[zen-pinned-changed] { .tabbrowser-tab[zen-pinned-changed] {