From 10955eb1e8c9a749a094ab28a07825f260756a84 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Fri, 10 May 2024 02:15:40 +0200
Subject: [PATCH] Animation tweaks

---
 src/UI/Base/CloseAnimation.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/UI/Base/CloseAnimation.svelte b/src/UI/Base/CloseAnimation.svelte
index 82afdc0b1..0c2ed2838 100644
--- a/src/UI/Base/CloseAnimation.svelte
+++ b/src/UI/Base/CloseAnimation.svelte
@@ -33,7 +33,7 @@ console.log("Animating", debug," to", opened)
   }
 
   onDestroy(isOpened.addCallback(opened => animate(opened)))
-  onMount(() => animate(isOpened.data))
+  onMount(() =>  requestAnimationFrame(() => animate(isOpened.data)))
 
 
 </script>
@@ -42,7 +42,7 @@ console.log("Animating", debug," to", opened)
 </div>
 
 <div bind:this={elem} class="pointer-events-none absolute bottom-0 right-0 low-interaction rounded-2xl"
-     style="transition: all 0.65s ease-out, background-color 1.8s ease-out; background: var(--background-color);">
+     style="transition: all 0.5s ease-out, background-color 1.4s ease-out; background: var(--background-color);">
   <!-- Classes should be the same as the 'floatoaver' -->
 </div>