fix(ui5-busyindicator): fix component placement and appearance in IE (#…

…1505)

The opacity of 0.6 used to apply to the busy indicator inter elements in IE due to the absence of shadow DOM, also the position of the circles used to be wrong. Both the visual and the placement is now fixed.

Fixes: #1497

packages/main/src/themes/BusyIndicator.css

@@ -7,7 +7,11 @@
 	pointer-events: none;
 }
 
-:host([active]) ::slotted(*) {
+/**
+ * IE fix: using just the "*" all selector in IE,
+ * will set the opacity=0.6 to busy indicator internal elements
+ */
+:host([active]) ::slotted(:not([class^="ui5-busyindicator-"])) {
 	opacity: 0.6;
 }
 
@@ -73,6 +77,11 @@
 	justify-content: center;
 	align-items: center;
 	background-color: inherit;
+	/* Fixes IE positioning */
+	left: 0;
+	right: 0;
+	top: 50%;
+	transform: translate(0, -50%);
 }
 
 .circle-animation-0 {