40 lines
1.3 KiB
CSS
40 lines
1.3 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_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. */
|
|
|
|
/* Makes the tab audio indicator show as overlay in all tabs, not just pinned ones */
|
|
|
|
.tabbrowser-tab{
|
|
--tab-icon-end-margin: inherit !important;
|
|
}
|
|
|
|
.tab-icon-image,
|
|
.tab-throbber{ opacity: 1 !important; }
|
|
|
|
.tab-icon-overlay:not([crashed]){
|
|
top: -8px;
|
|
inset-inline-end: -6px;
|
|
margin-inline-end: 0 !important;
|
|
z-index: 1;
|
|
padding: 2px;
|
|
opacity: 1 !important;
|
|
stroke: var(--tab-icon-overlay-stroke, black) !important;
|
|
fill: var(--tab-icon-overlay-fill, white) !important;
|
|
fill-opacity: 1 !important;
|
|
}
|
|
.tab-icon-overlay:not([crashed]):hover{
|
|
background-color: var(--tab-icon-overlay-stroke, black) !important;
|
|
border-radius: 10px !important;
|
|
}
|
|
.tab-audio-button{
|
|
--button-size-icon-small: 16px !important;
|
|
--button-min-height-small: var(--button-size-icon-small) !important;
|
|
--button-background-color-ghost: var(--toolbox-bgcolor-inactive);
|
|
--button-border-radius: var(--border-radius-circle) !important;
|
|
--button-padding-icon: 2px;
|
|
--button-border: none;
|
|
--audio-overlay-extra-background: var(--button-background-color-ghost-hover);
|
|
position: absolute;
|
|
top: 2px;
|
|
margin-inline: 6px 0 !important;
|
|
}
|