diff options
author | Chocobozzz <me@florianbigard.com> | 2018-09-28 14:37:04 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-09-28 14:37:04 +0200 |
commit | 19f22055162185d5f46d5916c82de3639de209a1 (patch) | |
tree | 580182b08fbcacf5a46028cb4c0b08d2c2cd9b5c /client/src/app/videos/+video-watch | |
parent | 287918da174bf9a57612745198cd2ae1d08a282d (diff) | |
download | PeerTube-19f22055162185d5f46d5916c82de3639de209a1.tar.gz PeerTube-19f22055162185d5f46d5916c82de3639de209a1.tar.zst PeerTube-19f22055162185d5f46d5916c82de3639de209a1.zip |
Display other videos on xl screens on the right
Diffstat (limited to 'client/src/app/videos/+video-watch')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 10 |
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 { |