Skip to content

Commit 766b7ac

Browse files
committed
fix(material/chips): wrong padding when chip only has edit icon (#33407)
Fixes that the chip wasn't accounting for there only being an edit icon as the leading element. Fixes #33395. (cherry picked from commit e31d3fd)
1 parent f7170b9 commit 766b7ac

1 file changed

Lines changed: 9 additions & 4 deletions

File tree

src/material/chips/chip.scss

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -204,23 +204,28 @@ $fallbacks: m3-chip.get-tokens();
204204
// Moved out into variables, because the selectors are too long.
205205
$with-graphic: '.mdc-evolution-chip--with-primary-graphic';
206206
$with-trailing: '.mdc-evolution-chip--with-trailing-action';
207+
$with-leading: '.mdc-evolution-chip--with-leading-action';
207208

208-
.mat-mdc-standard-chip#{$with-trailing} & {
209+
.mat-mdc-standard-chip#{$with-trailing} &,
210+
.mat-mdc-standard-chip#{$with-leading} & {
209211
padding-left: $_trailing-action-padding;
210212
padding-right: $_trailing-action-padding;
211213
}
212214

213-
.mat-mdc-standard-chip#{$with-graphic}#{$with-trailing} & {
215+
.mat-mdc-standard-chip#{$with-graphic}#{$with-trailing} &,
216+
.mat-mdc-standard-chip#{$with-graphic}#{$with-leading} & {
214217
padding-left: $_trailing-action-padding;
215218
padding-right: $_trailing-action-padding;
216219
}
217220

218-
.mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} & {
221+
.mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} &,
222+
.mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-leading} & {
219223
padding-left: $_avatar-trailing-padding;
220224
padding-right: $_avatar-trailing-padding;
221225
}
222226

223-
[dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} & {
227+
[dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} &,
228+
[dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-leading} & {
224229
padding-left: $_avatar-trailing-padding;
225230
padding-right: $_avatar-trailing-padding;
226231
}

0 commit comments

Comments
 (0)