aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/player/peertube-skin.scss33
1 files changed, 27 insertions, 6 deletions
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 2c22239a0..994936f81 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -147,6 +147,10 @@ body {
147 box-shadow: 0 -15px 40px 10px rgba(0, 0, 0, 0.2); 147 box-shadow: 0 -15px 40px 10px rgba(0, 0, 0, 0.2);
148 text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); 148 text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
149 149
150 > button:first-child {
151 margin-left: 1em;
152 }
153
150 .vjs-progress-control, 154 .vjs-progress-control,
151 .vjs-play-control, 155 .vjs-play-control,
152 .vjs-playback-rate, 156 .vjs-playback-rate,
@@ -230,7 +234,6 @@ body {
230 234
231 cursor: pointer; 235 cursor: pointer;
232 font-size: $font-size; 236 font-size: $font-size;
233 margin-left: 1em;
234 width: 3em; 237 width: 3em;
235 } 238 }
236 239
@@ -301,24 +304,32 @@ body {
301 } 304 }
302 } 305 }
303 306
304 .vjs-next-video { 307 .vjs-next-video,
308 .vjs-previous-video {
305 line-height: $control-bar-height; 309 line-height: $control-bar-height;
306 text-align: right; 310 text-align: right;
307 311
308 .icon { 312 .icon {
309 &.icon-next { 313 &.icon-next,
314 &.icon-previous {
310 mask-image: url('#{$assets-path}/player/images/next.svg'); 315 mask-image: url('#{$assets-path}/player/images/next.svg');
311 -webkit-mask-image: url('#{$assets-path}/player/images/next.svg'); 316 -webkit-mask-image: url('#{$assets-path}/player/images/next.svg');
312 background-color: white; 317 background-color: white;
313 mask-size: cover; 318 mask-size: cover;
314 -webkit-mask-size: cover; 319 -webkit-mask-size: cover;
315 transform: scale(2.2); 320 width: 11px;
321 height: 11px;
322 margin-top: -2px;
323 display: inline-block;
324 }
325
326 &.icon-previous {
327 transform: rotate(180deg);
316 } 328 }
317 } 329 }
318 } 330 }
319 331
320 .vjs-peertube, 332 .vjs-peertube {
321 .vjs-next-video {
322 .icon { 333 .icon {
323 display: inline-block; 334 display: inline-block;
324 width: 15px; 335 width: 15px;
@@ -650,3 +661,13 @@ body {
650 display: block; 661 display: block;
651 } 662 }
652} 663}
664
665.vjs-no-next-in-playlist {
666 .vjs-next-video {
667 cursor: default;
668
669 .icon {
670 background-color: rgba(255, 255, 255, 0.5);
671 }
672 }
673}