From 93b606e55a7bb10cc77665c68c75b6b13a673c9f Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Thu, 4 Apr 2024 23:18:06 +0100
Subject: Use CSS keyframe animation for spinner on web (#3411)

* Use css keyframe animation for spinner on web

* duplicate css to index.html
---
 bskyweb/templates/base.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'bskyweb')

diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html
index 678729ffb..34e590106 100644
--- a/bskyweb/templates/base.html
+++ b/bskyweb/templates/base.html
@@ -220,6 +220,21 @@
     .nativeDropdown-item:focus {
       outline: none;
     }
+
+    /* Spinner component */
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    .rotate-500ms {
+      position: absolute;
+      inset:0;
+      animation: rotate 500ms linear infinite;
+    }
   </style>
   {% include "scripts.html" %}
   <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
-- 
cgit 1.4.1