aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/videos')
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss10
1 files changed, 9 insertions, 1 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index eb63cbde7..f31e4694a 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -1,5 +1,8 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3@import '_bootstrap-variables';
4
5$other-videos-width: 260px;
3 6
4.root-row { 7.root-row {
5 flex-direction: column; 8 flex-direction: column;
@@ -361,7 +364,7 @@
361 364
362 /deep/ .other-videos { 365 /deep/ .other-videos {
363 padding-left: 15px; 366 padding-left: 15px;
364 width: 260px; 367 width: $other-videos-width;
365 368
366 .title-page { 369 .title-page {
367 margin-top: 0 !important; 370 margin-top: 0 !important;
@@ -450,6 +453,11 @@ my-video-comments {
450 } 453 }
451} 454}
452 455
456@media screen and (min-width: map-get($grid-breakpoints, xl)) {
457 .video-bottom .video-info {
458 max-width: calc(100% - #{$other-videos-width});
459 }
460}
453 461
454@media screen and (max-width: 1600px) { 462@media screen and (max-width: 1600px) {
455 .video-bottom .video-info .video-attributes .video-attribute { 463 .video-bottom .video-info .video-attributes .video-attribute {