diff options
Diffstat (limited to 'client/src')
-rw-r--r-- | client/src/sass/player/context-menu.scss | 2 | ||||
-rw-r--r-- | client/src/sass/player/peertube-skin.scss | 3 | ||||
-rw-r--r-- | client/src/sass/player/playlist.scss | 6 |
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 | ||