Skip to content

Commit 87b6962

Browse files
committed
fix(material/button): adds flex-shrink to prevent sides cutoff
Updates previous changes to Angular Components buttons containing icons and adds flex-shrink: 0; to prevent the sides from being cut off when text-spacing is applied or on smaller screens. Fixes b/411228600
1 parent 2578712 commit 87b6962

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

src/material/button/button.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,10 @@
77

88
.mat-mdc-button-base {
99
text-decoration: none;
10-
// Makes button icon not cut off/shrink vertically making the icon visible to fix b/250063405
10+
// Makes button icon not cut off/shrink making the icon visible to fix b/411228600
1111
& .mat-icon {
12-
min-height: min-content;
12+
min-height: fit-content;
13+
flex-shrink: 0;
1314
}
1415
}
1516

0 commit comments

Comments
 (0)