aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-06-29 15:19:45 +0200
committerChocobozzz <me@florianbigard.com>2021-06-29 15:19:45 +0200
commitfa1e07ca546c26f30b03be7a4822d771861d5a7a (patch)
tree49bc1cb373dceafd7501a231be6c2ccc2338d00d /client/src/sass
parent24893b524c47b8f89090192aa38126352a952808 (diff)
downloadPeerTube-fa1e07ca546c26f30b03be7a4822d771861d5a7a.tar.gz
PeerTube-fa1e07ca546c26f30b03be7a4822d771861d5a7a.tar.zst
PeerTube-fa1e07ca546c26f30b03be7a4822d771861d5a7a.zip
Fix player icons on chrome
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/player/context-menu.scss2
-rw-r--r--client/src/sass/player/peertube-skin.scss3
-rw-r--r--client/src/sass/player/playlist.scss6
3 files changed, 8 insertions, 3 deletions
diff --git a/client/src/sass/player/context-menu.scss b/client/src/sass/player/context-menu.scss
index 5548e2712..c183d24f4 100644
--- a/client/src/sass/player/context-menu.scss
+++ b/client/src/sass/player/context-menu.scss
@@ -44,6 +44,8 @@ $context-menu-width: 350px;
44 width: 14px; 44 width: 14px;
45 height: 14px; 45 height: 14px;
46 background-color: #fff; 46 background-color: #fff;
47
48 -webkit-mask-size: cover;
47 mask-size: cover; 49 mask-size: cover;
48 50
49 @each $icon in $icons { 51 @each $icon in $icons {
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 7fe4ac193..96d752699 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -354,9 +354,10 @@ body {
354 &.icon-previous { 354 &.icon-previous {
355 mask-image: url('#{$assets-path}/player/images/next.svg'); 355 mask-image: url('#{$assets-path}/player/images/next.svg');
356 -webkit-mask-image: url('#{$assets-path}/player/images/next.svg'); 356 -webkit-mask-image: url('#{$assets-path}/player/images/next.svg');
357 mask-size: cover;
358 -webkit-mask-size: cover;
357 359
358 background-color: #fff; 360 background-color: #fff;
359 mask-size: cover;
360 width: 11px; 361 width: 11px;
361 height: 11px; 362 height: 11px;
362 margin-top: -2px; 363 margin-top: -2px;
diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index f7e67ba16..e1999709e 100644
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -46,12 +46,13 @@ $playlist-menu-width: 350px;
46 .cross { 46 .cross {
47 mask-image: url('#{$assets-path}/images/feather/x.svg'); 47 mask-image: url('#{$assets-path}/images/feather/x.svg');
48 -webkit-mask-image: url('#{$assets-path}/images/feather/x.svg'); 48 -webkit-mask-image: url('#{$assets-path}/images/feather/x.svg');
49 mask-size: cover;
50 -webkit-mask-size: cover;
49 51
50 cursor: pointer; 52 cursor: pointer;
51 width: 20px; 53 width: 20px;
52 height: 20px; 54 height: 20px;
53 background-color: #fff; 55 background-color: #fff;
54 mask-size: cover;
55 } 56 }
56 } 57 }
57} 58}
@@ -93,11 +94,12 @@ $playlist-menu-width: 350px;
93.vjs-playlist-icon { 94.vjs-playlist-icon {
94 mask-image: url('#{$assets-path}/images/feather/list.svg'); 95 mask-image: url('#{$assets-path}/images/feather/list.svg');
95 -webkit-mask-image: url('#{$assets-path}/images/feather/list.svg'); 96 -webkit-mask-image: url('#{$assets-path}/images/feather/list.svg');
97 mask-size: cover;
98 -webkit-mask-size: cover;
96 99
97 width: 22px; 100 width: 22px;
98 height: 22px; 101 height: 22px;
99 background-color: #fff; 102 background-color: #fff;
100 mask-size: cover;
101 margin-bottom: 3px; 103 margin-bottom: 3px;
102} 104}
103 105