Merge pull request #10082 from 370417/colorize-logo

Colorize the logo spinner to match the old spinner
2021-11-06 14:08:42 +01:00 · 2021-11-06 14:08:42 +01:00 · a9283981ac
parent f6b1ec10a0 92404fe03c
commit a9283981ac
1 changed files with 20 additions and 0 deletions
--- a/ui/common/css/component/_loader.scss
+++ b/ui/common/css/component/_loader.scss
@ -32,6 +32,22 @@
  }
 }

+@keyframes spinner-color {
+  0%,
+  100% {
+    stroke: #42a5f5;
+  }
+  25% {
+    stroke: #f44336;
+  }
+  50% {
+    stroke: #fdd835;
+  }
+  75% {
+    stroke: #4caf50;
+  }
+}
+
 .spinner {
  width: 70px;
  height: 70px;
@ -47,6 +63,10 @@
    animation: mask3 2s cubic-bezier(0, 0, 0.431, 1) infinite;
  }

+  g {
+    animation: spinner-color 8s steps(1) infinite;
+  }
+
  .white & path {
    stroke: #fff;
  }