From cb3b0633b589bd77108af46752f255f62b0da372 Mon Sep 17 00:00:00 2001 From: Sharathxct <114180068+Sharathxct@users.noreply.github.com> Date: Mon, 3 Mar 2025 20:38:06 +0530 Subject: [PATCH] [FIX]: Overflow issue in delete record popup (#10417) #10411 **Issue**: After right-clicking on deleted record, popup is cut **Solution**: Added text-overflow ellipsis previous behaviour: ![image](https://github.com/user-attachments/assets/415e3603-5181-4656-a719-a5898e02128d) fix: ![image](https://github.com/user-attachments/assets/a5178990-df14-45b4-a5cd-0b0261990407) ![image](https://github.com/user-attachments/assets/bdbc385f-4a92-4049-b0bc-70f6a38afeac) Co-authored-by: Lucas Bordeau --- .../internals/components/MenuItemLeftContent.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/packages/twenty-ui/src/navigation/menu-item/internals/components/MenuItemLeftContent.tsx b/packages/twenty-ui/src/navigation/menu-item/internals/components/MenuItemLeftContent.tsx index a305e6f51..3856ff749 100644 --- a/packages/twenty-ui/src/navigation/menu-item/internals/components/MenuItemLeftContent.tsx +++ b/packages/twenty-ui/src/navigation/menu-item/internals/components/MenuItemLeftContent.tsx @@ -16,22 +16,21 @@ import { const StyledMainText = styled.div` flex-shrink: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 100%; `; const StyledContextualText = styled.div` color: ${({ theme }) => theme.font.color.light}; font-family: inherit; - font-size: inherit; font-weight: inherit; max-width: 100%; overflow: hidden; - - text-decoration: inherit; text-overflow: ellipsis; - white-space: nowrap; - padding-left: ${({ theme }) => theme.spacing(1)}; flex-shrink: 1; `;