diff options
author | Chocobozzz <me@florianbigard.com> | 2021-05-07 11:25:47 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-05-07 11:26:09 +0200 |
commit | bc4c9cc1d75d591c217d61ab22a107b7f1044c76 (patch) | |
tree | bd308af1530ff45702b3ac548ec59fc6215350ca /client/src/sass/player/playlist.scss | |
parent | 52fe9526420b98df78f922ff3680a04ec0f7784e (diff) | |
download | PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.tar.gz PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.tar.zst PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.zip |
Fix mask-image property
Needed by chrome
Diffstat (limited to 'client/src/sass/player/playlist.scss')
-rw-r--r-- | client/src/sass/player/playlist.scss | 8 |
1 files changed, 6 insertions, 2 deletions
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; |