I've tried following both methods for dissabling the mute button on tabs, it's a slight annoyance, since it's easy to accidentally mute a tab when it's pinned.
Specifica… (read more)
I've tried following both methods for dissabling the mute button on tabs, it's a slight annoyance, since it's easy to accidentally mute a tab when it's pinned.
Specifically, the first method I've tried changing the setting in about:config called "browser.tabs.showAudioPlayingIcon" from true to false, which was from 7 years ago it seems, which had no effect.
The second method was by making a new rule in a "userChrome.css" file in a new folder called "chrome" with that exact naming, case sensitive. The code in that file is as follows:
/* Hide the mute/unmute button */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) {
display: none !important;
}
/* Keep site icon visible on hover */
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay),
/* for site icon with Compact density */
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
opacity: 1 !important; /* overrides full transparency with full opacity */
}
If there's an updated version of the code that's meant to have that effect in modern firefox, then please let me know, or if there's some other new way of removing the mute button on tabs. Thanks.