diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2018-09-02 23:36:22 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-09-03 08:49:29 +0200 |
commit | 769ac6c11fe3e8d79643032daa784a60116a6630 (patch) | |
tree | b3bafeda3d15b65156cc92987c5a5c819011cbae /client/src/app/shared/video/video-miniature.component.scss | |
parent | 8542dc33e32ca28d542eaa9a25db7c20eccfd6f6 (diff) | |
download | PeerTube-769ac6c11fe3e8d79643032daa784a60116a6630.tar.gz PeerTube-769ac6c11fe3e8d79643032daa784a60116a6630.tar.zst PeerTube-769ac6c11fe3e8d79643032daa784a60116a6630.zip |
add title ellipsis over two lines to miniatures
Diffstat (limited to 'client/src/app/shared/video/video-miniature.component.scss')
-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; |