IntenseWebs/PeerTube
3
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2024-11-22 08:46:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix player icons on chrome

Browse Source
This commit is contained in:
Chocobozzz 2021-06-29 15:19:45 +02:00
parent 24893b524c
commit fa1e07ca54
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/.stylelintrc.json
View File

@ -28,7 +28,7 @@
"property-no-vendor-prefix": [
true,
{
"ignoreProperties": [ "mask-image" ]
"ignoreProperties": [ "mask-image", "mask-size" ]
}
]
}

2
client/src/sass/player/context-menu.scss
View File

@ -44,6 +44,8 @@ $context-menu-width: 350px;
width: 14px;
height: 14px;
background-color: #fff;
-webkit-mask-size: cover;
mask-size: cover;
@each $icon in $icons {

3
client/src/sass/player/peertube-skin.scss
View File

@ -354,9 +354,10 @@ body {
&.icon-previous {
mask-image: url('#{$assets-path}/player/images/next.svg');
-webkit-mask-image: url('#{$assets-path}/player/images/next.svg');
mask-size: cover;
-webkit-mask-size: cover;
background-color: #fff;
mask-size: cover;
width: 11px;
height: 11px;
margin-top: -2px;

6
client/src/sass/player/playlist.scss
View File

@ -46,12 +46,13 @@ $playlist-menu-width: 350px;
.cross {
mask-image: url('#{$assets-path}/images/feather/x.svg');
-webkit-mask-image: url('#{$assets-path}/images/feather/x.svg');
mask-size: cover;
-webkit-mask-size: cover;
cursor: pointer;
width: 20px;
height: 20px;
background-color: #fff;
mask-size: cover;
}
}
}
@ -93,11 +94,12 @@ $playlist-menu-width: 350px;
.vjs-playlist-icon {
mask-image: url('#{$assets-path}/images/feather/list.svg');
-webkit-mask-image: url('#{$assets-path}/images/feather/list.svg');
mask-size: cover;
-webkit-mask-size: cover;
width: 22px;
height: 22px;
background-color: #fff;
mask-size: cover;
margin-bottom: 3px;
}