Closed greeid closed 11 months ago
Have been using FlyingFox till recently and just moved to it... But the speaker overshadows the youtube icon or any icon in that matter if it's playing sound... Would be great if you just told me what icon class is called, don't want to go deep down just for an icon
It's actually a feature, since Edge also does this and I've decided to replicate it. If you don't want the speaker icon overlay, you can remove it:
Go to Tree Style Tab Options and in to Advanced > Extra Style Rules (where you copy-pasted the css style)
Go to the part of the code responsible for Hover tabs layout:
/************************ Hover-over sidebar layout ************************/
Then scroll down a bit, and remove these lines:
tab-item tab-sound-button { height: var(--tab-sound-button-background-size) !important; min-width: var(--tab-item-substance-height) !important; margin-left: -2.65em !important; opacity: 1.0; background: var(--tab-surface-active); } tab-item tab-sound-button::before { border-radius: var(--tab-border-radius-size) !important; }
Screenshot of where it is located:
This should remove the sound icon from overlaying the current tab icon.
sorry for not making it more clear, I love the little sound overlay to mute tabs and don't want to remove it but make it smaller only
I see, if that's the case, then you could just modify the value on --tab-button-icon-size
(as can be seen on the screenshot) and the margin-left
inside the tab-item tab-sound-button
.
or Additionally if you just want it to look smaller and on the top-right corner, you could do this:
/************************ Hover-over sidebar layout ************************/
go to and remove the :root { --tab-sound-button-background-size: 32px; --tab-sound-button-icon-size: 24px; }
and the whole tab-item tab-sound-button-before
(We don't need these anymore.):tab-item tab-sound-button
snippet with this code:
tab-item tab-sound-button { height: var(--tab-sound-button-background-size); width: var(--tab-sound-button-background-size); border-radius: 100%; opacity: 1.0; margin: -1em -1.5em 0em !important; }
The result will then look like this:
Themks