twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2025-01-06 03:45:15 +03:00
Code Issues 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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 0 deletions
Show Stats 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 }>`
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.regular};
overflow: hidden;
padding-left: ${({ theme, hasLeftIcon }) =>
hasLeftIcon ? '' : theme.spacing(1)};
text-overflow: ellipsis;
white-space: nowrap;
`;
export const StyledNoIconFiller = styled.div`
@ -80,6 +83,8 @@ export const StyledMenuItemLeftContent = styled.div`
flex-direction: row;
gap: ${({ theme }) => theme.spacing(1)};
min-width: 0;
width: 100%;
`;
export const StyledMenuItemRightContent = styled.div`