aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/video
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2018-09-02 23:36:22 +0200
committerChocobozzz <me@florianbigard.com>2018-09-03 08:49:29 +0200
commit769ac6c11fe3e8d79643032daa784a60116a6630 (patch)
treeb3bafeda3d15b65156cc92987c5a5c819011cbae /client/src/app/shared/video
parent8542dc33e32ca28d542eaa9a25db7c20eccfd6f6 (diff)
downloadPeerTube-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.scss13
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;