-Test- Overlay PIP/Audio upon tab favicon (Windows)

[Hadden89]

What it does:

• Change background to follow v-theme background color;
• Bigger icon (to accomodate the overlay).
• Recenter the icon with transform.
• Remove the transition (icon is always big);

---

On linux - tested on Mint - this mod seems to be not necessary. I think the same is for Osx, but can't test there.
Icon is not always perfectly centered according UI scaling. Play with transform values may fix it.

---

/* Bigger Audio/PIP icon */
#app #browser .tab-audio {
	background-color: var(--colorBgDarker);
	transform: scale(1.34);
	transform-origin: 6px 6px;
	transition: none;
}

[Hadden89]

This post is deleted!

[Hadden89]

Code updated for 2.5/2.6 branch

[LonM]

I did something similar, but instead of it being over the favicon, I made it like it is on pinned tabs - small and to the corner.

#tabs-container .tab:not(.pinned):not(.tab-small).audio-on .tab-audio, #tabs-container .tab:not(.pinned):not(.tab-small).audio-muted .tab-audio{
    position: absolute;
    left: 15px;
    top: 15px;
    transform: scale(0.8) !important;
    background: none
}

#tabs-container .tab:not(.pinned):not(.tab-small).audio-on .tab-audio:hover, #tabs-container .tab:not(.pinned):not(.tab-small).audio-muted .tab-audio:hover {
    transform: scale(1.2) !important
}
#tabs-container .tab:not(.pinned):not(.tab-small).audio-on .favicon, #tabs-container .tab:not(.pinned):not(.tab-small).audio-muted .favicon{
    transform: scale(1) !important
}

[Hadden89]

@LonM Nice, how you got the marquee effect? ^^

[LonM]

@Hadden89 Oh, that's a separate mod I made: js css

It's still a WIP