Request: Make tab speaker icon un-clickable?

[appyface]

(I did not find where to ask questions or make a request, if I missed finding please delete or move and let me know. Thank you.)

I use from this repository, the "normal pinned tabs.css", (speaker icons hidden all the time regardless of mute state). This is good as-is.

I also use the webextension Mute Sites by Default (can optionally remember a list of unmuted sites which I use).

The speaker icon displays as muted state on all muted tabs. If clicked the site is unmuted and the speaker icon disappears. The tab's right-click menu is still available to mute again and the muted speaker icon reappears. I do not know if the webextension is responsible or if firefox itself has some behavior here.

What I'd like is the speaker icon not be clickable to change its state. Not required but nice to have would be removing the hover text for the speaker and displaying the speaker at all times. But not at all required. Just not clickable is wanted.

Is there an easy to way to accomplish removing clickable property from the tab speaker icon using CSS? I have no experience with CSS but I did google awhile, found an older post with a line of code to do it, but it didn't work - or I didn't do it correctly.

Thank you for any help or ideas.

--Kind Regards.

[MrOtherGuy]

Yeah, this should work:

.tab-icon-overlay{
  pointer-events: none;
}

[appyface]

Thank you for your help!

I added the above to the bottom of the userChrome.css, it follows normal-pinned-tabs css (the only lines in the file). It is not working?

1. I quit Firefox
2. Added a couple of cr/lf then the above code
3. Saved the userChrome.css file
4. Launched Firefox
5. Pulled up a site that is muted (The Weather Channel)
6. Was able to click the speaker icon, it unmuted the site and icon disappeared. No change in function.

I should have mentioned, I am using Firefox Nightly 64-bit, fully updated to current, on Windows 11 23H2. In case this matters? I'm sorry about that omission.

[MrOtherGuy]

So there's couple of things here. Firstly normal_pinned_tabs.css just seems pretty old and it needs updating. Secondly, Nightly has totally new mute tab button thingy, the snippet I posted above certainly doesn't work with that. normal_pinned_tabs.css actually needs a whole lot of changes because of the new audio button.

[appyface]

Thank you, that is interesting. I've not had issues with the current version of normal_pinned_tabs.css. Could be it is not working as designed and I'm happy with it anyway? 🤣 Thanks for the assist. I'll watch for any updates. Thanks so much for this collection, the normal_pinned_tabs.css has been big improvement for me.