fix(material/icon): added styling for icon to ignore text-spacing

essjay05 · essjay05 · commit 7b43d8323c97 · 2024-10-01T21:34:21.000Z
Updates previous fix to target  instances where its
parent element has  or  applied to
it and to override any , , or
 changes to the  so it should stay the same.

Fixes b/250063405
diff --git a/src/material/icon/icon.scss b/src/material/icon/icon.scss
@@ -45,6 +45,13 @@ mat-icon {
   }
 }
 
+.mat-icon:has(div[style*="letter-spacing:"]):has(div[style*="word-spacing:"]) {
+  /* Apply styles to avoid text spacing */
+  letter-spacing: 0 !important;
+  word-spacing: 0 !important;
+  line-height: 1 !important;
+}
+
 // Icons that will be mirrored in RTL.
 [dir='rtl'] .mat-icon-rtl-mirror {
   transform: scale(-1, 1);

Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,13 @@ mat-icon {`
`45`	`45`	`}`
`46`	`46`	`}`
`47`	`47`
	`48`	`+.mat-icon:has(div[style="letter-spacing:"]):has(div[style="word-spacing:"]) {`
	`49`	`+ /* Apply styles to avoid text spacing */`
	`50`	`+ letter-spacing: 0 !important;`
	`51`	`+ word-spacing: 0 !important;`
	`52`	`+ line-height: 1 !important;`
	`53`	`+}`
	`54`	`+`
`48`	`55`	`// Icons that will be mirrored in RTL.`
`49`	`56`	`[dir='rtl'] .mat-icon-rtl-mirror {`
`50`	`57`	`transform: scale(-1, 1);`