b9e140dbbd
This rewrites the style to achieve compatibility with inline_tab_audio_icons.css. compatibility only requires few small non-affecting extra rules in inline_tab_audio_icons. This patch also makes combined_favicon_and_tab_close_button work with themes where tab background is not full opaque which is a nice bonus :)
28 lines
1.2 KiB
CSS
28 lines
1.2 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/inline_tab_audio_icons.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* Shows tab audio icons next to the tab icon, and by default removes the tab secondary line */
|
|
|
|
.tabbrowser-tab:not([pinned]) .tab-icon-stack:is([muted],[soundplaying],[activemedia-blocked]){
|
|
grid-template-areas: "a s";
|
|
}
|
|
.tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; }
|
|
.tab-icon-overlay,
|
|
.tab-icon-image,
|
|
.tab-throbber{ 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 }
|
|
|
|
/* These exist for compatibility with combined_favicon_and_tab_close_button.css */
|
|
.tab-icon-overlay{ pointer-events: auto }
|
|
.tab-content > .tab-icon-stack,
|
|
.tab-icon-stack:hover > .tab-icon-image{ visibility: visible }
|