fix(ui5-input): apply content-box to all slotted icons with !important (#6948)

MapTo0 · web-flow · commit de89ea0e00e9 · 2023-05-15T11:54:20.000+03:00
FIXES: #6071
diff --git a/packages/main/src/themes/Input.css b/packages/main/src/themes/Input.css
@@ -376,6 +376,8 @@
 ::slotted([ui5-icon][slot="icon"]) {
 	align-self: start;
 	padding: var(--_ui5_input_custom_icon_padding);
+	/* Normalize like libraries overrule the selector, thefore we need !important */
+	box-sizing: content-box !important;
 }
 
 :host([value-state="Error"]) [input-icon],

Original file line number	Diff line number	Diff line change
`@@ -376,6 +376,8 @@`
`376`	`376`	`::slotted([ui5-icon][slot="icon"]) {`
`377`	`377`	`align-self: start;`
`378`	`378`	`padding: var(--_ui5_input_custom_icon_padding);`
	`379`	`+ /* Normalize like libraries overrule the selector, thefore we need !important */`
	`380`	`+ box-sizing: content-box !important;`
`379`	`381`	`}`
`380`	`382`
`381`	`383`	`:host([value-state="Error"]) [input-icon],`