fix audio icon with picture in picture

This commit is contained in:
bmFtZQ 2021-04-03 22:52:16 +08:00 committed by GitHub
parent 0f24a7341a
commit 0c2cf110c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 46 additions and 8 deletions

View file

@ -347,13 +347,42 @@ richlistitem[originaltype="loginsFooter"] .ac-site-icon,
padding-left: 16px !important;
}
.tab-icon-pending[pinned], .tab-icon-image:not([src], [pinned], [crashed], [pictureinpicture])[selected], .tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture]), .tab-icon-image[busy], .tab-throbber:not([busy]), .tab-icon-sound:not([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]), .tab-icon-sound[pinned], .tab-sharing-icon-overlay, .tab-icon-overlay,
.tab-icon-overlay[soundplaying],
.tab-icon-pending[pinned], .tab-icon-image:not([src], [pinned], [crashed], [pictureinpicture])[selected], .tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture]), .tab-icon-image[busy], .tab-throbber:not([busy]), .tab-icon-sound:not([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]), .tab-icon-sound[pinned], .tab-sharing-icon-overlay,
.tab-icon-sound
{
list-style-image: url(audio.svg) !important;
}
.tab-icon-sound[muted]
{
list-style-image: url(audio-muted.svg) !important;
}
.tab-icon-sound[pictureinpicture] {
list-style-image: url(picture-in-picture.svg) !important;
width: 16px !important;
height: 16px !important;
}
.tab-icon-overlay {
border-radius: 2px !important;
margin-inline: -10px -6px !important;
}
.tab-icon-overlay[soundplaying] {
list-style-image: url(audio.svg#overlayStroke) !important;
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
fill: var(--toolbar-color) !important;
stroke: var(--toolbar-bgcolor) !important;
}
.tab-icon-overlay[muted] {
list-style-image: url(audio-muted.svg#overlayStroke) !important;
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
fill: var(--toolbar-color) !important;
stroke: var(--toolbar-bgcolor) !important;
}
#pageAction-panel-pinTab, #pageAction-urlbar-pinTab {
list-style-image: url(pin.svg) !important;
}
@ -362,12 +391,6 @@ richlistitem[originaltype="loginsFooter"] .ac-site-icon,
list-style-image: url(share.svg) !important;
}
.tab-icon-overlay[muted],
.tab-icon-sound[muted]
{
list-style-image: url(audio-muted.svg) !important;
}
.tab-icon-overlay[activemedia-blocked],
.tab-icon-sound[activemedia-blocked]
{