aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-05-07 11:25:47 +0200
committerChocobozzz <me@florianbigard.com>2021-05-07 11:26:09 +0200
commitbc4c9cc1d75d591c217d61ab22a107b7f1044c76 (patch)
treebd308af1530ff45702b3ac548ec59fc6215350ca /client/src/sass/player
parent52fe9526420b98df78f922ff3680a04ec0f7784e (diff)
downloadPeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.tar.gz
PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.tar.zst
PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.zip
Fix mask-image property
Needed by chrome
Diffstat (limited to 'client/src/sass/player')
-rw-r--r--client/src/sass/player/context-menu.scss1
-rw-r--r--client/src/sass/player/peertube-skin.scss2
-rw-r--r--client/src/sass/player/playlist.scss8
3 files changed, 9 insertions, 2 deletions
diff --git a/client/src/sass/player/context-menu.scss b/client/src/sass/player/context-menu.scss
index 45cee3e77..1738f486d 100644
--- a/client/src/sass/player/context-menu.scss
+++ b/client/src/sass/player/context-menu.scss
@@ -47,6 +47,7 @@ $context-menu-width: 350px;
47 @each $icon in $icons { 47 @each $icon in $icons {
48 &[class$="-#{$icon}"] { 48 &[class$="-#{$icon}"] {
49 mask-image: url('#{$assets-path}/player/images/#{$icon}.svg'); 49 mask-image: url('#{$assets-path}/player/images/#{$icon}.svg');
50 -webkit-mask-image: url('#{$assets-path}/player/images/#{$icon}.svg');
50 } 51 }
51 } 52 }
52 53
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 8fe2e054d..c010f7297 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -346,6 +346,8 @@ body {
346 &.icon-next, 346 &.icon-next,
347 &.icon-previous { 347 &.icon-previous {
348 mask-image: url('#{$assets-path}/player/images/next.svg'); 348 mask-image: url('#{$assets-path}/player/images/next.svg');
349 -webkit-mask-image: url('#{$assets-path}/player/images/next.svg');
350
349 background-color: #fff; 351 background-color: #fff;
350 mask-size: cover; 352 mask-size: cover;
351 width: 11px; 353 width: 11px;
diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index 8558fc837..3279bd263 100644
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -40,10 +40,12 @@ $playlist-menu-width: 350px;
40 } 40 }
41 41
42 .cross { 42 .cross {
43 mask-image: url('#{$assets-path}/images/feather/x.svg');
44 -webkit-mask-image: url('#{$assets-path}/images/feather/x.svg');
45
43 cursor: pointer; 46 cursor: pointer;
44 width: 20px; 47 width: 20px;
45 height: 20px; 48 height: 20px;
46 mask-image: url('#{$assets-path}/images/feather/x.svg');
47 background-color: #fff; 49 background-color: #fff;
48 mask-size: cover; 50 mask-size: cover;
49 } 51 }
@@ -85,9 +87,11 @@ $playlist-menu-width: 350px;
85} 87}
86 88
87.vjs-playlist-icon { 89.vjs-playlist-icon {
90 mask-image: url('#{$assets-path}/images/feather/list.svg');
91 -webkit-mask-image: url('#{$assets-path}/images/feather/list.svg');
92
88 width: 22px; 93 width: 22px;
89 height: 22px; 94 height: 22px;
90 mask-image: url('#{$assets-path}/images/feather/list.svg');
91 background-color: #fff; 95 background-color: #fff;
92 mask-size: cover; 96 mask-size: cover;
93 margin-bottom: 3px; 97 margin-bottom: 3px;