Skip to content

Commit

Permalink
refactor(material/chips): remove button is too small
Browse files Browse the repository at this point in the history
Fixes lint errors from previous commit for Angular Components
Chip component where the remove button touch target is too small,
particularly for touch/mobile devices. Increases padding on all
sides.

Fixes b/286959517
  • Loading branch information
essjay05 committed Jul 1, 2024
1 parent e12b3b0 commit 347ecef
Showing 1 changed file with 1 addition and 2 deletions.
3 changes: 1 addition & 2 deletions src/material/chips/chip.scss
Original file line number Diff line number Diff line change
Expand Up @@ -396,8 +396,7 @@
font-size: mdc-chip-theme.$trailing-action-size;
box-sizing: content-box;
}
/** Increases mdc-dhip-remove trailing icon action touch-target
in order to fix b/286959517. */
//Increases mdc-dhip-remove trailing icon action touch-target in order to fix b/286959517
&.mat-mdc-chip-trailing-icon.mdc-evolution-chip__action--trailing,
&.mat-mdc-chip-trailing-icon.mdc-evolution-chip__icon--trailing {
padding: 24px 12px;
Expand Down

0 comments on commit 347ecef

Please sign in to comment.