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

Fixed Actor Icon Size & color (#12373)

Browse Source 
![CleanShot 2025-05-29 at 11 54
26@2x](https://github.com/user-attachments/assets/61182699-357e-45ad-a625-c66445727e3b)

1. was 16px instead of 14px like 2.
2. was 14px – font color had low contrast – height was 16px instead of
14px

Couldn't test if 1 was fixed as didn't have a local email server.

2. is fixed:

![CleanShot 2025-05-29 at 11 56
26@2x](https://github.com/user-attachments/assets/38cccf84-e36e-4a3e-80c9-43ddac46f2f9)

---------

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Thomas des Francs
2025-06-02 16:36:47 +02:00
committed by GitHub
parent e723d64bc4
commit f81d396413
6 changed files with 31 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/twenty-ui/src/components/avatar-chip/AvatarChipLeftComponent.tsx
View File

@ -56,8 +56,8 @@ export const AvatarChipsLeftComponent: React.FC<
backgroundColor={theme.background.invertedSecondary}
>
<LeftIcon
color="white"
size={theme.icon.size.md}
color={theme.font.color.inverted}
size={theme.icon.size.sm}
stroke={theme.icon.stroke.sm}
/>
</StyledInvertedIconContainer>
@ -66,7 +66,7 @@ export const AvatarChipsLeftComponent: React.FC<
return (
<LeftIcon
size={theme.icon.size.md}
size={theme.icon.size.sm}
stroke={theme.icon.stroke.sm}
color={LeftIconColor || 'currentColor'}
/>

12
packages/twenty-ui/src/components/chip/Chip.tsx
View File

@ -109,17 +109,11 @@ const StyledContainer = withTheme(styled.div<
background-color: ${({ theme, variant }) =>
variant === ChipVariant.Highlighted || variant === ChipVariant.Static
? theme.background.transparent.light
: variant === ChipVariant.Rounded
? theme.background.transparent.lighter
: 'inherit'};
: 'inherit'};
border: ${({ theme, variant }) =>
variant === ChipVariant.Rounded
? `1px solid ${theme.border.color.medium}`
: 'none'};
border: none;
border-radius: ${({ theme, variant }) =>
variant === ChipVariant.Rounded ? '50px' : theme.border.radius.sm};
border-radius: ${({ theme }) => theme.border.radius.sm};
& > svg {
flex-shrink: 0;