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

Fix long text issue on people dropdown picker (#1923)

Browse Source 
* Fix long text issue on people dropdown picker

* Fix checkmark shrink for long text

* remove width to not shrink image

* fix: remove width 100% from StyledMenuItemLabel
This commit is contained in:
Bhumik Prajapati
2023-10-11 15:41:09 +05:30
committed by GitHub
parent f97228bfac
commit 4555b66d96
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
front/src/modules/ui/menu-item/internals/components/StyledMenuItemBase.tsx
View File

@ -65,8 +65,11 @@ export const StyledMenuItemBase = styled.li<MenuItemBaseProps>`
export const StyledMenuItemLabel = styled.div<{ hasLeftIcon: boolean }>` export const StyledMenuItemLabel = styled.div<{ hasLeftIcon: boolean }>`
font-size: ${({ theme }) => theme.font.size.sm}; font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.regular}; font-weight: ${({ theme }) => theme.font.weight.regular};
overflow: hidden;
padding-left: ${({ theme, hasLeftIcon }) => padding-left: ${({ theme, hasLeftIcon }) =>
hasLeftIcon ? '' : theme.spacing(1)}; hasLeftIcon ? '' : theme.spacing(1)};
text-overflow: ellipsis;
white-space: nowrap;
`; `;
export const StyledNoIconFiller = styled.div` export const StyledNoIconFiller = styled.div`
@ -80,6 +83,8 @@ export const StyledMenuItemLeftContent = styled.div`
flex-direction: row; flex-direction: row;
gap: ${({ theme }) => theme.spacing(1)}; gap: ${({ theme }) => theme.spacing(1)};
min-width: 0;
width: 100%;
`; `;
export const StyledMenuItemRightContent = styled.div` export const StyledMenuItemRightContent = styled.div`