From b126e49e5e8dd2bea5282ffacf62391efca6480e Mon Sep 17 00:00:00 2001
From: 609harsh <harshgupta609@gmail.com>
Date: Wed, 15 May 2024 17:47:26 +0530
Subject: [PATCH] added tooltip to asset name

---
 src/Components/Assets/AssetsList.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/Components/Assets/AssetsList.tsx b/src/Components/Assets/AssetsList.tsx
index 796e532a41e..c3a308e0567 100644
--- a/src/Components/Assets/AssetsList.tsx
+++ b/src/Components/Assets/AssetsList.tsx
@@ -195,10 +195,10 @@ const AssetsList = () => {
           >
             <div
               key={asset.id}
-              className="border-1 h-full w-full cursor-pointer items-center justify-center rounded-lg border border-transparent bg-white p-5 shadow hover:border-primary-500"
+              className="border-1 h-full w-full cursor-pointer items-center justify-center rounded-lg border border-transparent bg-white p-5 shadow hover:border-primary-500 "
             >
-              <div className="md:flex">
-                <p className="flex break-words text-xl font-medium capitalize">
+              <div className="tooltip tooltip-bottom md:flex">
+                <p className="flex overflow-hidden text-xl font-medium capitalize">
                   <span className="mr-2 text-primary-500">
                     <CareIcon
                       icon={
@@ -211,11 +211,9 @@ const AssetsList = () => {
                       className="text-2xl"
                     />
                   </span>
-                  <p
-                    className="w-48 truncate"
-                    data-testid="created-asset-list-name"
-                  >
+                  <p className="truncate" data-testid="created-asset-list-name">
                     {asset.name}
+                    <span className="tooltip-text">{asset.name}</span>
                   </p>
                 </p>
               </div>