From 555b2e3266e542e20d02f7c81984d4af33534402 Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Sun, 16 May 2021 08:00:54 -0400
Subject: [PATCH] Reuse Spinner styles for InlineSpinner

Signed-off-by: Robin Townsend <robin@robin.town>
---
 res/css/views/elements/_InlineSpinner.scss     | 13 -------------
 src/components/views/elements/InlineSpinner.js |  2 +-
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/res/css/views/elements/_InlineSpinner.scss b/res/css/views/elements/_InlineSpinner.scss
index c850191b93..ca5cb5d3a8 100644
--- a/res/css/views/elements/_InlineSpinner.scss
+++ b/res/css/views/elements/_InlineSpinner.scss
@@ -23,19 +23,6 @@ limitations under the License.
     vertical-align: -3px;
 }
 
-@keyframes spin {
-    from {
-        transform: rotateZ(0deg);
-    }
-    to {
-        transform: rotateZ(360deg);
-    }
-}
-
 .mx_InlineSpinner_icon {
     display: inline-block;
-    background-color: $primary-fg-color;
-    mask: url('$(res)/img/spinner.svg');
-    mask-size: contain;
-    animation: 1.1s steps(12, end) infinite spin;
 }
diff --git a/src/components/views/elements/InlineSpinner.js b/src/components/views/elements/InlineSpinner.js
index feb0adb7a1..757e809564 100644
--- a/src/components/views/elements/InlineSpinner.js
+++ b/src/components/views/elements/InlineSpinner.js
@@ -40,7 +40,7 @@ export default class InlineSpinner extends React.Component {
         } else {
             icon = (
                 <div
-                    className="mx_InlineSpinner_icon"
+                    className="mx_InlineSpinner_icon mx_Spinner_icon"
                     style={{width: w, height: h}}
                     aria-label={_t("Loading...")}
                 ></div>