From 98be562e3d95f0dae7f99afd0f3f4839beee90d1 Mon Sep 17 00:00:00 2001
From: ilhan orhan <ilhan.myumyun@sap.com>
Date: Wed, 6 Mar 2019 19:18:54 +0200
Subject: [PATCH] fix(ui5-icon): correct icon graphic vertical alignment in IE
 (#142)

In RTL the icon is not vertical aligned in IE, that might be seen in before this change in the Icon sample in RTL, opened in IE.

* fix typo
---
 packages/main/src/themes/base/Icon.less | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/main/src/themes/base/Icon.less b/packages/main/src/themes/base/Icon.less
index 7dc7e1750a86..04c0540c0d31 100644
--- a/packages/main/src/themes/base/Icon.less
+++ b/packages/main/src/themes/base/Icon.less
@@ -16,17 +16,26 @@
 	color: @sapUiContentNonInteractiveIconColor;
 }
 
+:host(ui5-icon) span[data-sap-ui-wc-root] {
+	display: flex;
+	width: 100%;
+	height: 100%;
+}
+
 // required for browsers without native shadow dom
 ui5-icon {
 	display: inline-block;
 	outline: none;
 	color: @sapUiContentNonInteractiveIconColor;
+}
 
+ui5-icon span[data-sap-ui-wc-root] {
+	display: flex;
+	width: 100%;
+	height: 100%;
 	// workaround for IE
 	// pressing on the span does not propagate active state to the web component
-	& span[data-sap-ui-wc-root] {
-		pointer-events: none;
-	}
+	pointer-events: none;
 }
 
 .sapWCIcon {