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:
parent
ebe138c7a0
commit
e2a2974038
1 changed files with 6 additions and 1 deletions
|
@ -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; }
|
||||
.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. */
|
||||
.tab-secondary-label{ display: none }
|
||||
|
||||
/* show the secondary label when video is in PiP */
|
||||
.tab-secondary-label[pictureinpicture]{ display: -moz-box }
|
||||
.tab-secondary-label[pictureinpicture]{ display: -moz-box }
|
||||
|
|
Loading…
Reference in a new issue