From bea35a20158bf7110f69ff255cc7992d3234c2a1 Mon Sep 17 00:00:00 2001
From: Oliver Booth <me@olivr.me>
Date: Fri, 11 Aug 2023 02:08:48 +0100
Subject: [PATCH] style: improve feel of spinner removal

---
 src/scss/app.scss | 24 +++++++++++-------------
 src/ts/app.ts     |  4 ++--
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/scss/app.scss b/src/scss/app.scss
index b5328c4..7cfe24a 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -214,25 +214,23 @@ div.alert *:last-child {
 
 #blog-loading-spinner {
   margin: 20px;
+  height: auto;
+  opacity: 1;
 
   &.removed {
-    animation: spinner-removed 2s ease-in-out;
+    margin: 0;
+    height: 0;
+    opacity: 0;
+    transition: all 0.5s ease-in-out;
   }
 }
 
-@keyframes spinner-removed {
-  0% {
-    transform: scaleY(1);
-    opacity: 1;
+a.bmc-btn {
+  &:link, &:visited, &:active {
+    color: #000;
   }
 
-  50% {
-    transform: scaleY(1);
-    opacity: 0;
-  }
-
-  100% {
-    transform: scaleY(0);
-    opacity: 0;
+  &:hover {
+    color: #fff;
   }
 }
\ No newline at end of file
diff --git a/src/ts/app.ts b/src/ts/app.ts
index e2325ee..4d3cee9 100644
--- a/src/ts/app.ts
+++ b/src/ts/app.ts
@@ -15,7 +15,7 @@ declare const Prism: any;
             greedy: true
         }
     });
-    
+
     let isCtrl = false;
     document.addEventListener('keyup', (e) => {
         if (e.ctrlKey) isCtrl = false;
@@ -54,7 +54,7 @@ declare const Prism: any;
             const spinner = document.querySelector("#blog-loading-spinner");
             if (spinner) {
                 spinner.classList.add("removed");
-                setTimeout(() => spinner.remove(), 1100);
+                setTimeout(() => spinner.remove(), 1000);
             }
         });
     }