aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+videos/+video-watch/video-watch.component.scss
diff options
context:
space:
mode:
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.scss51
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