From 57410b7bb6e10309602d420f4c4579b75fd74a98 Mon Sep 17 00:00:00 2001
From: Carlos Alcaide Corvo <ccorvo@hashicorp.com>
Date: Thu, 5 May 2022 08:28:41 -0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Avoid=20lint=20warni?=
 =?UTF-8?q?ng=20(#1095)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: 💡 Avoid lint warning
---
 ui/admin/app/styles/app.scss   | 22 +++++++++-------------
 ui/desktop/app/styles/app.scss | 22 +++++++++-------------
 2 files changed, 18 insertions(+), 26 deletions(-)

diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index cab03b2f4..c54c5e73a 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -219,20 +219,16 @@
 }
 
 // Spinning animation for refresh button icon
-.is-loading .rose-icon {
-  @keyframes hds-flight-icon-animation-rotation {
-    to {
-      transform: rotate(360deg);
-    }
-  }
+@media (prefers-reduced-motion: no-preference) {
+  .is-loading {
+    .rose-icon {
+      @keyframes hds-flight-icon-animation-rotation {
+        to {transform: rotate(360deg);}
+      }
 
-  > svg {
-    animation: hds-flight-icon-animation-rotation 9s linear infinite;
-  }
-
-  @media (prefers-reduced-motion: no-preference) {
-    > svg {
-      animation-duration: 0.7s;
+      > svg {
+        animation: hds-flight-icon-animation-rotation 0.7s linear infinite;
+      }
     }
   }
 }
diff --git a/ui/desktop/app/styles/app.scss b/ui/desktop/app/styles/app.scss
index 93c572319..2d5758152 100644
--- a/ui/desktop/app/styles/app.scss
+++ b/ui/desktop/app/styles/app.scss
@@ -485,20 +485,16 @@ $chevron-down: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231
 }
 
 // Spinning animation for refresh button icon
-.is-loading .rose-icon {
-  @keyframes hds-flight-icon-animation-rotation {
-    to {
-      transform: rotate(360deg);
-    }
-  }
+@media (prefers-reduced-motion: no-preference) {
+  .is-loading {
+    .rose-icon {
+      @keyframes hds-flight-icon-animation-rotation {
+        to {transform: rotate(360deg);}
+      }
 
-  > svg {
-    animation: hds-flight-icon-animation-rotation 9s linear infinite;
-  }
-
-  @media (prefers-reduced-motion: no-preference) {
-    > svg {
-      animation-duration: 0.7s;
+      > svg {
+        animation: hds-flight-icon-animation-rotation 0.7s linear infinite;
+      }
     }
   }
 }