fuzzy
/
firefox
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

keep audio icon

This commit is contained in:
Jeremy Lavitt 2021-06-16 13:37:29 -05:00
parent 9312c0c1c5
commit 2f01934cc7
2 changed files with 70 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
imports/showAudioAlways.css Normal file
View File

@ -0,0 +1,69 @@
/* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
.tab-icon-overlay:not([crashed]),
.tab-icon-overlay[pinned][crashed][selected] {
/* Position */
top: -3.5px !important;
inset-inline-end: -9px !important;
z-index: 1 !important;
/* Shape */
padding: 1.5px !important;
border-radius: 10px !important;
width: 21px !important;
height: 17px !important;
}
.tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
/* Color */
color: currentColor !important;
stroke: transparent !important;
background: transparent !important;
fill-opacity: 0.8 !important;
opacity: 1 !important;
}
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
margin-inline-end: 9.5px !important;
}
/* None exist favicon */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]) {
top: 0 !important;
inset-inline-end: 0 !important;
margin-inline-end: 5.5px !important;
padding: 2px 0 !important;
}
/* Busy - Show */
.tab-throbber[busy], .tab-icon-pending[busy] {
opacity: 1 !important;
}
/* Busy - Overlay Position */
.tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
transform: translateX(-.5px) translateY(-2.5px);
}
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed])[busy] {
top: -3.5px !important;
inset-inline-end: -9px !important;
margin-inline-end: 9.5px !important;
padding: 1.5px !important;
}
/* Hover */
.tab-icon-overlay:not([crashed])[soundplaying]:hover,
.tab-icon-overlay:not([crashed])[muted]:hover,
.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
color: var(--toolbar-bgcolor, white) !important;
stroke: var(--lwt-tab-text, var(--toolbar-color)) !important;
background-color: var(--lwt-tab-text, var(--toolbar-color)) !important;
fill-opacity: 0.95 !important;
}
#TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
#TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover,
#TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
color: var(--toolbar-bgcolor, black) !important;
}
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]):hover {
padding: 0 !important;
}

1
userChrome.css
View File

@ -1,5 +1,6 @@
@import url("imports/tabs_on_bottom.css");
@import url("imports/tabs_fill_available_width");
@import url("imports/showAudioAlways.css");
.tabbrowser-tab[fadein]:not([pinned]) {
max-width: none !important;
}