fix(ui5-button): prevents setting 0 height to icons on IE (#902)

Author: MapTo0

packages/main/src/themes/Button.css

@@ -69,7 +69,7 @@
 	background: var(--sapUiButtonHoverBackground);
 }
 
-.ui5-button-root .ui5-button-icon {
+.ui5-button-icon {
 	font-size: var(--_ui5_button_base_icon_only_font_size);
 	height: 0;
 	top: -.5rem;
@@ -281,3 +281,8 @@ ui5-button[design="Negative"][active][focused] .ui5-button-root::after {
 ui5-button[design="Emphasized"][focused] .ui5-button-root::after {
 	border-color: var(--sapUiContentContrastFocusColor);
 }
+
+ui5-button ui5-icon.ui5-button-icon {
+	height: 1rem;
+	top: 0;
+}

packages/main/src/themes/ToggleButton.css

@@ -53,3 +53,54 @@
 :host([pressed]:hover) {
 	background: var(--sapUiToggleButtonPressedHoverBackground);
 }
+
+/* IE Specific CSS, duplicate it for ToggleButton */
+
+ui5-togglebutton[focused] {
+	outline: none;
+}
+
+ui5-togglebutton[focused] .ui5-button-root {
+	position: relative;
+}
+
+ui5-togglebutton[focused] .ui5-button-root::after {
+	content: "";
+	position: absolute;
+	border-width: 1px;
+	border-style: dotted;
+	border-color: var(--_ui5_button_focus_color);
+	top: var(--_ui5_button_focus_offset);
+	bottom: var(--_ui5_button_focus_offset);
+	left: var(--_ui5_button_focus_offset);
+	right: var(--_ui5_button_focus_offset);
+}
+
+ui5-togglebutton[active] .ui5-button-root::after {
+	border-color: var(--sapUiContentContrastFocusColor);
+}
+
+ui5-togglebutton[design="Positive"][focused] .ui5-button-root::after {
+	border-color: var(--_ui5_button_positive_border_focus_hover_color);
+}
+
+ui5-togglebutton[design="Positive"][active][focused] .ui5-button-root::after {
+	border-color: var(--sapUiContentContrastFocusColor);
+}
+
+ui5-togglebutton[design="Negative"][focused] .ui5-button-root::after {
+	border-color: var(--_ui5_button_positive_border_focus_hover_color);
+}
+
+ui5-togglebutton[design="Negative"][active][focused] .ui5-button-root::after {
+	border-color: var(--sapUiContentContrastFocusColor);
+}
+
+ui5-togglebutton[design="Emphasized"][focused] .ui5-button-root::after {
+	border-color: var(--sapUiContentContrastFocusColor);
+}
+
+ui5-togglebutton ui5-icon.ui5-button-icon {
+	height: 1rem;
+	top: 0;
+}