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 | |
| 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')
| -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; |