mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Video - Full Screen icon from plyr

Browse source 
6bc447b916/src/sprite
This commit is contained in:
alstjr7375 2022-02-26 18:03:46 +09:00
parent 59def6a5ac
commit 83eb097557
3 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
icons/enter-fullscreen.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="18" height="18" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M10 3h3.6l-4 4L11 8.4l4-4V8h2V1h-7zM7 9.6l-4 4V10H1v7h7v-2H4.4l4-4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 209 B

3
icons/exit-fullscreen.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="18" height="18" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M1 12h3.6l-4 4L2 17.4l4-4V17h2v-7H1zM16 .6l-4 4V1h-2v7h7V6h-3.6l4-4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 210 B

6
userContent.css
View file

@ -39,6 +39,12 @@ video {
#controlsContainer .duration {
color: var(--duration-color) !important; /* Original: #929292 */
}
#controlsContainer .fullscreenButton {
background-image: url("./icons/enter-fullscreen.svg") !important;
}
#controlsContainer .fullscreenButton[fullscreened] {
background-image: url("./icons/exit-fullscreen.svg") !important;
}
#controlsContainer .muteButton[noAudio] {
/* Remove volume button at noAudio */