midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Animation tweaks

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-05-10 02:15:40 +02:00
parent d7c43857eb
commit 10955eb1e8
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/UI/Base/CloseAnimation.svelte
View file

@ -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>