diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/+videos/+video-watch/video-watch.component.scss | 51 |
1 files changed, 3 insertions, 48 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 4d68504f5..f25f3bf31 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.scss +++ b/client/src/app/+videos/+video-watch/video-watch.component.scss | |||
@@ -4,15 +4,12 @@ | |||
4 | @use '_bootstrap-variables'; | 4 | @use '_bootstrap-variables'; |
5 | @use '_miniature' as *; | 5 | @use '_miniature' as *; |
6 | 6 | ||
7 | $player-factor: math.div(16, 9); | ||
8 | $video-info-margin-left: 44px; | ||
9 | |||
10 | @function getPlayerHeight ($width) { | 7 | @function getPlayerHeight ($width) { |
11 | @return calc(#{$width} / #{$player-factor}); | 8 | @return calc(#{$width} / #{$video-watch-player-factor}); |
12 | } | 9 | } |
13 | 10 | ||
14 | @function getPlayerWidth ($height) { | 11 | @function getPlayerWidth ($height) { |
15 | @return calc(#{$height} * #{$player-factor}); | 12 | @return calc(#{$height} * #{$video-watch-player-factor}); |
16 | } | 13 | } |
17 | 14 | ||
18 | @mixin playlist-below-player { | 15 | @mixin playlist-below-player { |
@@ -316,46 +313,8 @@ $video-info-margin-left: 44px; | |||
316 | } | 313 | } |
317 | } | 314 | } |
318 | 315 | ||
319 | .video-info-description { | ||
320 | @include margin-left($video-info-margin-left); | ||
321 | @include margin-right(0); | ||
322 | |||
323 | margin-top: 20px; | ||
324 | margin-bottom: 20px; | ||
325 | font-size: 15px; | ||
326 | |||
327 | .video-info-description-html { | ||
328 | @include peertube-word-wrap; | ||
329 | |||
330 | ::ng-deep a { | ||
331 | text-decoration: none; | ||
332 | } | ||
333 | } | ||
334 | |||
335 | .glyphicon, | ||
336 | .description-loading { | ||
337 | @include margin-left(3px); | ||
338 | } | ||
339 | |||
340 | .description-loading { | ||
341 | display: inline-block; | ||
342 | } | ||
343 | |||
344 | .video-info-description-more { | ||
345 | cursor: pointer; | ||
346 | font-weight: $font-semibold; | ||
347 | color: pvar(--greyForegroundColor); | ||
348 | font-size: 14px; | ||
349 | |||
350 | .glyphicon { | ||
351 | position: relative; | ||
352 | top: 2px; | ||
353 | } | ||
354 | } | ||
355 | } | ||
356 | |||
357 | .video-attributes { | 316 | .video-attributes { |
358 | @include margin-left($video-info-margin-left); | 317 | @include margin-left($video-watch-info-margin-left); |
359 | } | 318 | } |
360 | 319 | ||
361 | .video-attributes .video-attribute { | 320 | .video-attributes .video-attribute { |
@@ -555,10 +514,6 @@ my-video-comments { | |||
555 | margin-top: 10px; | 514 | margin-top: 10px; |
556 | } | 515 | } |
557 | } | 516 | } |
558 | |||
559 | .video-info-description { | ||
560 | font-size: 14px !important; | ||
561 | } | ||
562 | } | 517 | } |
563 | } | 518 | } |
564 | 519 | ||