diff options
Diffstat (limited to 'client/src/app/shared/video')
-rw-r--r-- | client/src/app/shared/video/video-miniature.component.scss | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index 6883650f4..cc643f9d9 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss | |||
@@ -14,14 +14,17 @@ | |||
14 | line-height: normal; | 14 | line-height: normal; |
15 | 15 | ||
16 | .video-miniature-name { | 16 | .video-miniature-name { |
17 | display: block; | 17 | @include ellipsis-multiline( |
18 | overflow: hidden; | 18 | $font-size: 1rem, |
19 | text-overflow: ellipsis; | 19 | $line-height: 1, |
20 | white-space: nowrap; | 20 | $lines-to-show: 2 |
21 | ); | ||
21 | transition: color 0.2s; | 22 | transition: color 0.2s; |
22 | font-size: 16px; | 23 | font-size: 16px; |
23 | font-weight: $font-semibold; | 24 | font-weight: $font-semibold; |
24 | color: #000; | 25 | color: $fg-color; |
26 | margin-top: 5px; | ||
27 | margin-bottom: 5px; | ||
25 | 28 | ||
26 | &:hover { | 29 | &:hover { |
27 | text-decoration: none; | 30 | text-decoration: none; |