Skip to content

fix(chips): update chip padding to contain text padding#17187

Merged
simeonoff merged 9 commits intomasterfrom
didimmova/update-chip-paddings
Apr 20, 2026
Merged

fix(chips): update chip padding to contain text padding#17187
simeonoff merged 9 commits intomasterfrom
didimmova/update-chip-paddings

Conversation

@didimmova
Copy link
Copy Markdown
Contributor

Closes #17115

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them

@didimmova didimmova requested a review from simeonoff April 16, 2026 09:47
@didimmova didimmova added ❌ status: awaiting-test PRs awaiting manual verification chip labels Apr 16, 2026
@simeonoff simeonoff added 💥 status: in-test PRs currently being tested and removed ❌ status: awaiting-test PRs awaiting manual verification labels Apr 16, 2026
Copy link
Copy Markdown
Collaborator

@simeonoff simeonoff left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should handle padding in two places here -> in the %igx-chip__content, where the text content goes, the padding should replicate what Figma shows as the padding for the text, while the item should retain the old padding that is put around both the icons and the text.

@adrianptrv adrianptrv added ✅ status: verified Applies to PRs that have passed manual verification and removed 💥 status: in-test PRs currently being tested labels Apr 17, 2026
simeonoff
simeonoff previously approved these changes Apr 20, 2026
@simeonoff
Copy link
Copy Markdown
Collaborator

@didimmova we need a PR targeting the scoped-styles branch.

Chips are now wider (have bigger padding on both sides), hence fewer
chips are visible in the tests compared to before.
@simeonoff simeonoff merged commit 8d09187 into master Apr 20, 2026
6 checks passed
@simeonoff simeonoff deleted the didimmova/update-chip-paddings branch April 20, 2026 11:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

chip ✅ status: verified Applies to PRs that have passed manual verification

Projects

None yet

Development

Successfully merging this pull request may close these issues.

igx-chip has fixed font-size, which makes the content be really tight in smaller chip sizes

3 participants