From 9da91bc56fc255c5bce266e473e501dfeb903a41 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Wed, 15 Nov 2023 16:46:36 +1100
Subject: [PATCH] Add opacity and scale animation, update transparency effects,
 and improve loading symbol style

---
 src/SEQTA.js                          | 2 +-
 src/inject/injected/transparency.scss | 1 +
 src/seqta/ui/Loading.js               | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/SEQTA.js b/src/SEQTA.js
index 799744f5..c8d7130e 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -290,7 +290,7 @@ async function DeleteWhatsNew() {
   
   animate(
     [popup, bkelement],
-    { opacity: [1, 0]},
+    { opacity: [1, 0], scale: [1, 0] },
     { easing: [.22, .03, .26, 1] }
   ).finished.then(() => {
     bkelement.remove();
diff --git a/src/inject/injected/transparency.scss b/src/inject/injected/transparency.scss
index 6815921f..4b833271 100644
--- a/src/inject/injected/transparency.scss
+++ b/src/inject/injected/transparency.scss
@@ -21,6 +21,7 @@ html.transparencyEffects {
   }
 
   /* Blurs */
+  .BasicPanel__BasicPanel___1GP6s,
   .message.addMessage,
   .singleSelect,
   .uiFileHandlerPanel,
diff --git a/src/seqta/ui/Loading.js b/src/seqta/ui/Loading.js
index 37b80ab0..9126dff5 100644
--- a/src/seqta/ui/Loading.js
+++ b/src/seqta/ui/Loading.js
@@ -20,7 +20,7 @@ export function AppendLoadingSymbol(givenID, position) {
 export default function loading() {
   let loadinghtml = stringToHTML(
     String.raw`
-    <div class="bkloading" id="loading" style="background-color: var(--theme-secondary, var(--background-secondary)); color: var(--text-primary); width: 100%;overflow: hidden;opacity: 1;transition: 1s;height: 100%;transition: color 1ms linear;top: 0;position: absolute;left: 0;z-index: 1000000;">
+    <div class="bkloading" id="loading" style="background-color: var(--theme-secondary, var(--background-secondary)); color: var(--text-primary); width: 100%;overflow: hidden;opacity: 1;transition: 1s;height: 100%;transition: color 1ms linear, opacity 1s ease-in-out;top: 0;position: absolute;left: 0;z-index: 1000000;">
     <style>
       .svg {
         transform-origin: center;