admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[FIX]: Overflow issue in delete record popup (#10417)

Browse Source 
#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 <bordeau.lucas@gmail.com>
This commit is contained in:
Sharathxct
2025-03-03 20:38:06 +05:30
committed by GitHub
parent 5c71969c75
commit cb3b0633b5
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/twenty-ui/src/navigation/menu-item/internals/components/MenuItemLeftContent.tsx
View File

@ -16,22 +16,21 @@ import {
const StyledMainText = styled.div` const StyledMainText = styled.div`
flex-shrink: 0; flex-shrink: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
`; `;
const StyledContextualText = styled.div` const StyledContextualText = styled.div`
color: ${({ theme }) => theme.font.color.light}; color: ${({ theme }) => theme.font.color.light};
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
font-weight: inherit; font-weight: inherit;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-decoration: inherit;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
padding-left: ${({ theme }) => theme.spacing(1)}; padding-left: ${({ theme }) => theme.spacing(1)};
flex-shrink: 1; flex-shrink: 1;
`; `;