aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/player/control-bar.scss19
1 files changed, 17 insertions, 2 deletions
diff --git a/client/src/sass/player/control-bar.scss b/client/src/sass/player/control-bar.scss
index 6271523af..34470f3b1 100644
--- a/client/src/sass/player/control-bar.scss
+++ b/client/src/sass/player/control-bar.scss
@@ -160,8 +160,8 @@
160 160
161 .vjs-peertube { 161 .vjs-peertube {
162 @include margin-right(6px); 162 @include margin-right(6px);
163 @include margin-left(auto);
163 164
164 width: 100%;
165 line-height: $control-bar-height; 165 line-height: $control-bar-height;
166 text-align: end; 166 text-align: end;
167 overflow: hidden; 167 overflow: hidden;
@@ -358,11 +358,13 @@
358 .vjs-peertube-link { 358 .vjs-peertube-link {
359 @include disable-outline; 359 @include disable-outline;
360 @include disable-default-a-behaviour; 360 @include disable-default-a-behaviour;
361 @include ellipsis;
361 362
362 text-decoration: none; 363 text-decoration: none;
363 line-height: $control-bar-height; 364 line-height: $control-bar-height;
364 font-weight: $font-semibold; 365 font-weight: $font-semibold;
365 padding: 0 5px; 366 padding: 0 5px;
367 max-width: 150px;
366 } 368 }
367 369
368 .vjs-theater-control { 370 .vjs-theater-control {
@@ -420,6 +422,10 @@
420 } 422 }
421 423
422 @media screen and (max-width: $screen-width-570) { 424 @media screen and (max-width: $screen-width-570) {
425 .vjs-volume-control {
426 display: none;
427 }
428
423 .vjs-peertube { 429 .vjs-peertube {
424 padding: 0 !important; 430 padding: 0 !important;
425 431
@@ -428,6 +434,10 @@
428 } 434 }
429 } 435 }
430 436
437 .vjs-peertube-link {
438 max-width: 100px;
439 }
440
431 &.vjs-live { 441 &.vjs-live {
432 .vjs-duration { 442 .vjs-duration {
433 display: none !important; 443 display: none !important;
@@ -440,7 +450,6 @@
440 } 450 }
441 451
442 @media screen and (max-width: $screen-width-350) { 452 @media screen and (max-width: $screen-width-350) {
443 .vjs-volume-control,
444 .vjs-next-video, 453 .vjs-next-video,
445 .vjs-previous-video { 454 .vjs-previous-video {
446 display: none !important; 455 display: none !important;
@@ -458,6 +467,12 @@
458 @include margin-right($first-control-bar-element-margin-left-small-width); 467 @include margin-right($first-control-bar-element-margin-left-small-width);
459 } 468 }
460 469
470 .vjs-play-control {
471 @include margin-left(0);
472
473 width: 30px;
474 }
475
461 &.vjs-live { 476 &.vjs-live {
462 .vjs-current-time { 477 .vjs-current-time {
463 display: none !important; 478 display: none !important;