From c9a82f3ceb1482caa9a73c1c44913154ba3e8d42 Mon Sep 17 00:00:00 2001
From: IceDBorn <51162078+IceDBorn@users.noreply.github.com>
Date: Sun, 12 Sep 2021 20:02:59 +0300
Subject: [PATCH] Cut video titles when they exceed 2 lines (#445)

* Cut video titles when they exceed 2 lines

* Add tooltip to reveal full title on hover
---
 src/components/VideoItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index c79376c3..9de2c720 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -25,7 +25,7 @@
             </div>
 
             <div>
-                <p class="uk-text-break" style="padding-top: 0.5rem; margin-bottom: 0.5rem">{{ video.title }}</p>
+                <p style="padding-top: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;" :title="video.title">{{ video.title }}</p>
             </div>
         </router-link>