From 311bae9b58beab93dcee692cecb791d245db6dda Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Tue, 12 Mar 2024 14:15:58 +0100
Subject: [PATCH] Truncate long names in the tables [SCI-10406] (#7248)

---
 app/javascript/vue/my_modules/list.vue    | 4 ++--
 app/javascript/vue/projects/list.vue      | 2 +-
 app/javascript/vue/repositories/table.vue | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/javascript/vue/my_modules/list.vue b/app/javascript/vue/my_modules/list.vue
index a72352a24..e0688b71d 100644
--- a/app/javascript/vue/my_modules/list.vue
+++ b/app/javascript/vue/my_modules/list.vue
@@ -319,11 +319,11 @@ export default {
           <span class="flex gap-2 items-center">
             <div title="${this.i18n.t('experiments.duplicate_tasks.duplicating')}"
                  class="loading-overlay w-6 h-6 !relative" data-toggle="tooltip" data-placement="right"></div>
-            ${name}
+            <span class="truncate">${name}</span>
           </span>`;
       }
 
-      return `<a href="${urls.show}" title="${name}" >${name}</a>`;
+      return `<a href="${urls.show}" title="${name}" ><span class="truncate">${name}</span></a>`;
     },
     statusRenderer(params) {
       const { status } = params.data;
diff --git a/app/javascript/vue/projects/list.vue b/app/javascript/vue/projects/list.vue
index 071f55682..51f20c740 100644
--- a/app/javascript/vue/projects/list.vue
+++ b/app/javascript/vue/projects/list.vue
@@ -255,7 +255,7 @@ export default {
                         ${!showUrl ? 'pointer-events-none text-sn-grey' : ''}"
                  title="${params.data.name}">
                 ${params.data.folder ? '<i class="sn-icon mini sn-icon-mini-folder-left"></i>' : ''}
-                ${params.data.name}
+                <span class="truncate">${params.data.name} </span>
               </a>`;
     },
     openComments(_params, rows) {
diff --git a/app/javascript/vue/repositories/table.vue b/app/javascript/vue/repositories/table.vue
index 8a79c1cd2..58f38de38 100644
--- a/app/javascript/vue/repositories/table.vue
+++ b/app/javascript/vue/repositories/table.vue
@@ -298,7 +298,9 @@ export default {
         sharedIcon = '<i class="fas fa-users"></i>';
       }
       return `<a class="hover:no-underline flex items-center gap-1"
-                 title="${name}" href="${urls.show}">${sharedIcon}${name}</a>`;
+                 title="${name}" href="${urls.show}">
+                 <span class="truncate">${sharedIcon}${name}</span>
+              </a>`;
     }
   }
 };