-Test- Overlay PIP/Audio upon tab favicon (Windows)
-
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; }
-
This post is deleted! -
Code updated for 2.5/2.6 branch
-
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 }
-
@LonM Nice, how you got the marquee effect? ^^
-
-
P pafflick unlocked this topic on
-
P pafflick moved this topic from Modifications on