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

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

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 }