From 71d439cca00930d6523cc24ffcc24aebabca0145 Mon Sep 17 00:00:00 2001
From: haitaoo <haitao@sifou.com>
Date: Wed, 15 Mar 2023 11:33:46 +0800
Subject: [PATCH] fix(AccordionNav): Set `text-trancate` for link content

---
 ui/src/components/AccordionNav/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/AccordionNav/index.tsx b/ui/src/components/AccordionNav/index.tsx
index 7b63cd50..008054de 100644
--- a/ui/src/components/AccordionNav/index.tsx
+++ b/ui/src/components/AccordionNav/index.tsx
@@ -20,7 +20,7 @@ function MenuNode({
   const href = isLeaf ? `${path}${menu.name}` : '#';
 
   return (
-    <Nav.Item key={menu.name}>
+    <Nav.Item key={menu.name} className="w-100">
       <Nav.Link
         eventKey={menu.name}
         as={isLeaf ? 'a' : 'button'}
@@ -32,7 +32,7 @@ function MenuNode({
           'text-nowrap d-flex flex-nowrap align-items-center w-100',
           { expanding, 'link-dark': activeKey !== menu.name },
         )}>
-        <span className="me-auto">
+        <span className="me-auto text-truncate">
           {menu.displayName ? menu.displayName : t(menu.name)}
         </span>
         {menu.badgeContent ? (