From 071008726e5ce40a19917e32778b8272bb7b7944 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 27 Mar 2025 21:20:00 +0600
Subject: [PATCH] web/UpdateNotification: fix initial transition (animation)

---
 web/src/components/misc/UpdateNotification.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/src/components/misc/UpdateNotification.svelte b/web/src/components/misc/UpdateNotification.svelte
index ba0c7cf4..96c98768 100644
--- a/web/src/components/misc/UpdateNotification.svelte
+++ b/web/src/components/misc/UpdateNotification.svelte
@@ -1,8 +1,15 @@
 <script lang="ts">
+    import { onMount } from "svelte";
     import { t } from "$lib/i18n/translations";
     import IconComet from "@tabler/icons-svelte/IconComet.svelte";
 
-    let dismissed = false;
+    let dismissed = true;
+
+    onMount(() => {
+        setTimeout(() => {
+            dismissed = false;
+        }, 200)
+    });
 </script>
 
 <div id="update-notification" role="alert" aria-atomic="true">
@@ -98,6 +105,7 @@
         .update-button {
             transform: translateY(300px);
             margin-right: var(--padding);
+            transition: transform 0.55s cubic-bezier(0.53, 0.05, 0.23, 1.15);
         }
     }
 </style>