fix audio icon with picture in picture
This commit is contained in:
parent
0f24a7341a
commit
0c2cf110c4
4 changed files with 46 additions and 8 deletions
|
@ -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]
|
||||
{
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue