Skip to content

Commit 2809aca

Browse files
committed
fix
1 parent d45ded8 commit 2809aca

File tree

1 file changed

+11
-7
lines changed

1 file changed

+11
-7
lines changed

src/material/core/focus-indicators/_private.scss

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -87,13 +87,7 @@ $default-border-radius: 4px;
8787

8888
@include _customize-focus-indicators($config);
8989

90-
// MDC sets `overflow: hidden` on these elements in order to truncate the text. This conflicts
91-
// with how we structure and style the strong focus indicators so we need to override it.
92-
.mdc-evolution-chip__cell--primary,
93-
.mdc-evolution-chip__action--primary,
94-
.mat-mdc-chip-action-label {
95-
overflow: visible;
96-
}
90+
@include _chip-label-overflow-visible();
9791
}
9892

9993
@mixin strong-focus-indicators-color($theme-or-color) {
@@ -116,3 +110,13 @@ $default-border-radius: 4px;
116110
}
117111
}
118112
}
113+
114+
@mixin _chip-label-overflow-visible {
115+
// MDC sets `overflow: hidden` on these elements in order to truncate the text. This conflicts
116+
// with how we structure and style the strong focus indicators so we need to override it.
117+
.mdc-evolution-chip__cell--primary,
118+
.mdc-evolution-chip__action--primary,
119+
.mat-mdc-chip-action-label {
120+
overflow: visible;
121+
}
122+
}

0 commit comments

Comments
 (0)