fix(spinner): working in firefox and edge

fixes #8714
ionic-team · Oct 23, 2016 · ab93f3f · ab93f3f
1 parent e68b5fc
commit ab93f3f
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/spinner/spinner.ts b/src/components/spinner/spinner.ts
@@ -261,8 +261,8 @@ const SPINNERS: any = {
       return {
         r: 5,
         style: {
-          top: 9 * Math.sin(2 * Math.PI * index / total),
-          left: 9 * Math.cos(2 * Math.PI * index / total),
+          top: (9 * Math.sin(2 * Math.PI * index / total)) + 'px',
+          left: (9 * Math.cos(2 * Math.PI * index / total)) + 'px',
           [CSS.animationDelay]: -(dur - ((dur / total) * index)) + 'ms'
         }
       };
@@ -276,8 +276,8 @@ const SPINNERS: any = {
       return {
         r: 5,
         style: {
-          top: 9 * Math.sin(2 * Math.PI * index / total),
-          left: 9 * Math.cos(2 * Math.PI * index / total),
+          top: (9 * Math.sin(2 * Math.PI * index / total)) + 'px',
+          left: (9 * Math.cos(2 * Math.PI * index / total)) + 'px',
           [CSS.animationDelay]: -(dur - ((dur / total) * index)) + 'ms'
         }
       };
@@ -302,7 +302,7 @@ const SPINNERS: any = {
       return {
         r: 6,
         style: {
-          left: (9 - (9 * index)),
+          left: (9 - (9 * index)) + 'px',
           [CSS.animationDelay]: -(110 * index) + 'ms'
         }
       };