Skip to content

Commit

Permalink
Fix icon resizing issue for Notes and Tasks (twentyhq#7318)
Browse files Browse the repository at this point in the history
This pull request addresses a [resizing issue with the Notes and Tasks
icons](twentyhq#7282). Previously, the
icons would change size based on the length of the title or when the
column width was adjusted, leading to inconsistent UI behavior. This
update ensures that the icons maintain a stable size, enhancing the
overall user experience.

Solves Issue : twentyhq#7282


[twenty-icon-sizing-issue.webm](https://github.com/user-attachments/assets/3ef59592-4dfb-463e-bc7b-a803ee105211)
  • Loading branch information
Vardhaman619 authored and harshit078 committed Oct 14, 2024
1 parent ad1410b commit 6d391a2
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions packages/twenty-ui/src/display/chip/components/Chip.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,10 @@ const StyledContainer = withTheme(styled.div<
border-radius: ${({ theme, variant }) =>
variant === ChipVariant.Rounded ? '50px' : theme.border.radius.sm};
& > svg {
flex-shrink: 0;
}
`);

export const Chip = ({
Expand Down

0 comments on commit 6d391a2

Please sign in to comment.