pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

inline_tab_audio_icons: increase size of audio icon and move it closer to favicon

Browse source 
decreasing the padding allows icon to be bigger. Modifying inline-margin
moves it closer to favicon and also pushes label towards it. This allows
the style to work better with default tab min width (76px) which is not
wide enough to fit favicon, audio icon and close button.
This commit is contained in:
MrOtherGuy 2021-08-23 11:53:00 +03:00
parent ebe138c7a0
commit e2a2974038
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
chrome/inline_tab_audio_icons.css
View file

@ -9,8 +9,13 @@ See the above repository for updates as well as full license text. */
.tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; } .tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; }
.tab-icon-overlay,.tab-icon-image{ opacity: 1 !important; } .tab-icon-overlay,.tab-icon-image{ opacity: 1 !important; }
.tab-icon-overlay:not([pinned]){
padding: 0px !important;
margin-inline: -3px 1px !important;
}
/* secondary audio label ain't much use with this style, but feel free to remove the next line if you want to show it. */ /* secondary audio label ain't much use with this style, but feel free to remove the next line if you want to show it. */
.tab-secondary-label{ display: none } .tab-secondary-label{ display: none }
/* show the secondary label when video is in PiP */ /* show the secondary label when video is in PiP */
.tab-secondary-label[pictureinpicture]{ display: -moz-box } .tab-secondary-label[pictureinpicture]{ display: -moz-box }