From 91c832f53feb9713e05fb95f8e087acea607b088 Mon Sep 17 00:00:00 2001
From: Danial Haddadi <danialhaddadi@gmail.com>
Date: Mon, 4 Oct 2021 01:00:38 +0200
Subject: [PATCH] Allow channel name to overflow (#492)

* Allow channel name to overflow

* Add missing title to VideoItem uploader name router-link
---
 src/components/VideoItem.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index b3540ce1..a9387960 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -40,16 +40,14 @@
                 <img v-if="video.uploaderAvatar" :src="video.uploaderAvatar" loading="lazy" :alt="video.uploaderName" class="uk-border-circle" style="margin-right: 0.5rem; margin-top:0.5rem; width: 32px; height: 32px;" />
             </router-link>
 
-            <div>
-                <router-link class="uk-link-muted" :to="video.uploaderUrl">
+            <div style="width: calc(100% - 32px - 8px);">
+                <router-link class="uk-link-muted uk-overflow-hidden" :to="video.uploaderUrl" :title="video.uploaderName" style="display:block; width: 90%">
                     {{ video.uploaderName }}&thinsp;<font-awesome-icon
                         v-if="video.uploaderVerified"
                         icon="check"
                     ></font-awesome-icon>
                 </router-link>
 
-                <br />
-
                 <b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small">
                     <span v-if="video.views >= 0">
                         <font-awesome-icon icon="eye"></font-awesome-icon>