Skip to content

Commit c0b7505

Browse files
committed
add leading icon
1 parent 66ef5d7 commit c0b7505

File tree

2 files changed

+7
-0
lines changed

2 files changed

+7
-0
lines changed

src/material/chips/chip-row.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@ export interface MatChipEditedEvent extends MatChipEvent {
4646
'[class.mat-mdc-chip-editing]': '_isEditing',
4747
'[class.mat-mdc-chip-editable]': 'editable',
4848
'[class.mdc-evolution-chip--disabled]': 'disabled',
49+
'[class.mdc-evolution-chip--with-leading-action]': '!!editIcon',
4950
'[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
5051
'[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingIcon()',
5152
'[class.mdc-evolution-chip--with-primary-icon]': '_hasLeadingIcon()',

src/material/chips/chip.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -271,6 +271,7 @@ $token-slots: m2-chip.get-token-slots();
271271
// Moved out into variables, because the selectors are too long.
272272
$with-icon: '.mdc-evolution-chip--with-primary-icon';
273273
$with-graphic: '.mdc-evolution-chip--with-primary-graphic';
274+
$with-leading: '.mdc-evolution-chip--with-leading-action';
274275
$with-trailing: '.mdc-evolution-chip--with-trailing-action';
275276

276277
.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(#{$with-icon}) & {
@@ -302,6 +303,11 @@ $token-slots: m2-chip.get-token-slots();
302303
padding-right: $_avatar-trailing-padding;
303304
}
304305

306+
.mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-leading} & {
307+
padding-left: 0;
308+
padding-right: $_avatar-trailing-padding;
309+
}
310+
305311
[dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} & {
306312
padding-left: $_avatar-trailing-padding;
307313
padding-right: $_avatar-leading-padding;

0 commit comments

Comments
 (0)