chore: blur fade out

ubiquity · Oct 3, 2024 · e946d0a · e946d0a
1 parent 268fede
commit e946d0a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -747,19 +747,30 @@
   #issues-container::after {
     content: "";
     display: block;
-    width: 40px;
-    height: 40px;
-    margin: 20px auto;
+    width: 48px;
+    height: 48px;
     border: 4px solid #00000040;
     border-top: 4px solid #000000;
     border-radius: 50%;
     animation: spin 1s linear infinite;
+    top: calc(50vh - 48px);
+    position: fixed;
+    opacity: 1;
+    transition: 0.5s all ease-in-out;
+    right: calc(50% - 48px);
+    filter: blur(0px);
+    pointer-events: none;
   }
   #issues-container.ready::after {
-    display: none;
+    opacity: 0;
+    filter: blur(8px);
   }
   @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
   }
 }
diff --git a/static/style/style.css b/static/style/style.css
@@ -755,9 +755,15 @@
     animation: spin 1s linear infinite;
     top: calc(50vh - 48px);
     position: fixed;
+    opacity: 1;
+    transition: 0.5s all ease-in-out;
+    right: calc(50% - 48px);
+    filter: blur(0px);
+    pointer-events: none;
   }
   #issues-container.ready::after {
-    display: none;
+    opacity: 0;
+    filter: blur(8px);
   }
   @keyframes spin {
     0% {