feat: spinner

ubiquity · Oct 1, 2024 · 268fede · 268fede
1 parent 01e6275
commit 268fede
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -732,6 +732,7 @@
     font-size: 12px;
     color: #000000;
     text-decoration: none;
+    display: inline-block;
   }
   #bottom-right a:hover {
     opacity: 1;
@@ -742,4 +743,23 @@
   #bottom-right:hover svg {
     fill: #000000;
   }
+
+  #issues-container::after {
+    content: "";
+    display: block;
+    width: 40px;
+    height: 40px;
+    margin: 20px auto;
+    border: 4px solid #00000040;
+    border-top: 4px solid #000000;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+  }
+  #issues-container.ready::after {
+    display: none;
+  }
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
 }
diff --git a/static/style/style.css b/static/style/style.css
@@ -743,4 +743,28 @@
   #bottom-right:hover svg {
     fill: #ffffff;
   }
+
+  #issues-container::after {
+    content: "";
+    display: block;
+    width: 48px;
+    height: 48px;
+    border: 4px solid #ffffff40;
+    border-top: 4px solid #ffffff;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    top: calc(50vh - 48px);
+    position: fixed;
+  }
+  #issues-container.ready::after {
+    display: none;
+  }
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
 }