fix(material/button): prevents mat-icon being cut off with text-spacing vertically

essjay05 · essjay05 · commit 2578712f21f6 · 2025-04-16T23:30:36.000Z
Updates Angular Components Button component specifically for .mat-icon buttons to
add a min-height of min-content to avoid the icon from being cut off on the bottom
when text-spacing is applied.

Fixes b/250063405
diff --git a/src/material/button/button.scss b/src/material/button/button.scss
@@ -7,6 +7,10 @@
 
 .mat-mdc-button-base {
   text-decoration: none;
+  // Makes button icon not cut off/shrink vertically making the icon visible to fix b/250063405
+  & .mat-icon {
+    min-height: min-content;
+  }
 }
 
 .mdc-button {

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,10 @@`
`7`	`7`
`8`	`8`	`.mat-mdc-button-base {`
`9`	`9`	`text-decoration: none;`
	`10`	`+ // Makes button icon not cut off/shrink vertically making the icon visible to fix b/250063405`
	`11`	`+ & .mat-icon {`
	`12`	`+ min-height: min-content;`
	`13`	`+ }`
`10`	`14`	`}`
`11`	`15`
`12`	`16`	`.mdc-button {`