interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix player icons on chrome

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": [ "property-no-vendor-prefix": [
true, 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; width: 14px;
height: 14px; height: 14px;
background-color: #fff; background-color: #fff;
-webkit-mask-size: cover;
mask-size: cover; mask-size: cover;
@each $icon in $icons { @each $icon in $icons {

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

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

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

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