displaying full names on hover for long names only (#8972)

ohcnetwork · Nov 6, 2024 · 4f775ad · 4f775ad
1 parent bbcfef0
commit 4f775ad
Showing 1 changed file with 13 additions and 6 deletions.
diff --git 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">