fix(ui5-togglebutton): vertically align icon in IE (#1824)

fifoosid · web-flow · commit 2d5e84b20002 · 2020-06-17T16:08:22.000+03:00
diff --git a/packages/main/src/themes/ToggleButton.css b/packages/main/src/themes/ToggleButton.css
@@ -101,6 +101,6 @@ ui5-togglebutton[design="Emphasized"][focused] .ui5-button-root::after {
 }
 
 ui5-togglebutton ui5-icon.ui5-button-icon {
-	height: 1rem;
+	height: var(--_ui5_button_icon_font_size); /* Center vertically all icons*/
 	top: 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -101,6 +101,6 @@ ui5-togglebutton[design="Emphasized"][focused] .ui5-button-root::after {`
`101`	`101`	`}`
`102`	`102`
`103`	`103`	`ui5-togglebutton ui5-icon.ui5-button-icon {`
`104`		`- height: 1rem;`
	`104`	`+ height: var(--_ui5_button_icon_font_size); /* Center vertically all icons*/`
`105`	`105`	`top: 0;`
`106`	`106`	`}`