Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add picture in picture theme

Browse source
This commit is contained in:
bmFtZQ 2021-04-02 04:07:42 +08:00 • committed by GitHub
parent 15fda75071
commit afae4e0a92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 51 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

52
chrome/popup/popup.css
View file

@ -1144,6 +1144,56 @@ richlistitem:-moz-any(
margin-inline-end: 0 !important;
}
/* Picture In Picture */
#controls-bottom {
left: calc(-1 * var(--resize-margin)) !important;
bottom: calc(-1 * var(--resize-margin)) !important;
width: calc(100% + var(--resize-margin) * 2) !important;
}
.control-item {
background-size: 20px !important;
min-height: 24px !important;
min-width: 24px !important;
background-position: center !important;
-moz-context-properties: fill !important;
fill: #fff !important;
margin-block: 8px !important;
opacity: 1 !important;
--close-btn-bg-color: #0006 !important;
--btn-bg-color: #0000 !important;
}
.control-item:hover {
--btn-bg-color: #fff8 !important;
}
#controls-bottom {
background-color: #0006 !important;
}
#controls {
opacity: 0 !important;;
}
#controls:hover {
opacity: 1 !important;;
}
#unpip {
background-image: url(icons/open.svg) !important;
}
#controls:not(.playing) #playpause {
background-image: url(icons/play.svg) !important;
}
#controls.playing #playpause {
background-image: url(icons/pause.svg) !important;
}
#controls:not(.muted) #audio {
background-image: url(icons/audio.svg) !important;
}
#controls.muted #audio {
background-image: url(icons/audio-mute.svg) !important;
}
#close {
background-image: url(icons/close.svg) !important;
margin: 0 !important;
box-shadow: 0 0 0 99px inset var(--btn-bg-color) !important;
}
/* Popup Icons */
@ -1318,4 +1368,4 @@ menuitem[id*="placesContext_open"] {
}
#context-viewvideo {
background-image: url(icons/video-clip.svg) !important;
}
}