From 353b98d6cb17d16e7797ee0ce63ffb5712278094 Mon Sep 17 00:00:00 2001
From: David Crespo <david-crespo@users.noreply.github.com>
Date: Wed, 11 Sep 2024 16:34:32 -0500
Subject: [PATCH] Truncate truncated descriptions even more (#2404)

truncate truncated descriptions even more???
---
 app/ui/lib/Truncate.tsx | 7 +++++--
 mock-api/vpc.ts         | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/ui/lib/Truncate.tsx b/app/ui/lib/Truncate.tsx
index c1b1df3d5c..92792b9813 100644
--- a/app/ui/lib/Truncate.tsx
+++ b/app/ui/lib/Truncate.tsx
@@ -32,9 +32,12 @@ export const Truncate = ({
 
   // Only use the tooltip if the text is longer than maxLength
   return (
-    <div className="flex items-center space-x-2">
+    // overflow-hidden required to make inner truncate work
+    <div className="flex items-center space-x-2 overflow-hidden">
       <Tooltip content={text} delay={tooltipDelay}>
-        <div aria-label={text}>{truncate(text, maxLength, position)}</div>
+        <div aria-label={text} className="truncate">
+          {truncate(text, maxLength, position)}
+        </div>
       </Tooltip>
       {hasCopyButton && <CopyToClipboard text={text} />}
     </div>
diff --git a/mock-api/vpc.ts b/mock-api/vpc.ts
index b575041b96..caab75d1a6 100644
--- a/mock-api/vpc.ts
+++ b/mock-api/vpc.ts
@@ -48,7 +48,7 @@ export const vpcs: Json<Vpc[]> = [vpc, vpc2]
 export const defaultRouter: Json<VpcRouter> = {
   id: 'fc59fb4d-baad-44a8-b152-9a3c27ae8aa1',
   name: 'mock-system-router',
-  description: 'a fake router',
+  description: 'Routes are automatically added to this router as VPC subnets are created',
   time_created: new Date(2024, 0, 1).toISOString(),
   time_modified: new Date(2024, 0, 2).toISOString(),
   vpc_id: vpc.id,