From 4f775ada2dba836c418ac7732d1278ad008fe627 Mon Sep 17 00:00:00 2001
From: Swanand Shekhar Bhuskute
 <103440604+SwanandBhuskute@users.noreply.github.com>
Date: Wed, 6 Nov 2024 19:45:54 +0530
Subject: [PATCH] displaying full names on hover for long names only (#8972)

---
 src/components/Assets/AssetsList.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Assets/AssetsList.tsx b/src/components/Assets/AssetsList.tsx
index bddddeedc4..eceee4887e 100644
--- a/src/components/Assets/AssetsList.tsx
+++ b/src/components/Assets/AssetsList.tsx
@@ -244,12 +244,19 @@ const AssetsList = () => {
                       className="text-2xl"
                     />
                   </span>
-                  <p
-                    className="w-48 truncate"
-                    data-testid="created-asset-list-name"
-                  >
-                    {asset.name}
-                  </p>
+                  <div className="tooltip w-48">
+                    <p
+                      className="truncate"
+                      data-testid="created-asset-list-name"
+                    >
+                      {asset.name}
+                    </p>
+                    {asset.name.length > 20 && (
+                      <span className="tooltip-text tooltip-top -translate-x-1/2">
+                        {asset.name}
+                      </span>
+                    )}
+                  </div>
                 </p>
               </div>
               <p className="text-sm font-normal">