From 0554a85e0131926a166000398db74dc4af687015 Mon Sep 17 00:00:00 2001
From: vcoppe <vcoppe@hexaly.com>
Date: Mon, 10 Nov 2025 11:11:37 +0100
Subject: [PATCH] fix toolbar animation

---
 website/src/lib/components/toolbar/ToolbarItemMenu.svelte     | 4 +++-
 .../src/lib/components/toolbar/tools/routing/Routing.svelte   | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/website/src/lib/components/toolbar/ToolbarItemMenu.svelte b/website/src/lib/components/toolbar/ToolbarItemMenu.svelte
index 150059354..e82a68184 100644
--- a/website/src/lib/components/toolbar/ToolbarItemMenu.svelte
+++ b/website/src/lib/components/toolbar/ToolbarItemMenu.svelte
@@ -38,7 +38,9 @@
 </script>
 
 {#if $currentTool !== null}
-    <div class="translate-x-1 h-full animate-in animate-out {className}">
+    <div
+        class="translate-x-1 h-full animate-in fade-in-0 zoom-in-95 slide-in-from-left-2 {className}"
+    >
         <div class="rounded-md shadow-md pointer-events-auto">
             <Card.Root class="rounded-md border-none py-2.5">
                 <Card.Content class="px-2.5">
diff --git a/website/src/lib/components/toolbar/tools/routing/Routing.svelte b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
index 0f99139bd..915794360 100644
--- a/website/src/lib/components/toolbar/tools/routing/Routing.svelte
+++ b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
@@ -129,7 +129,7 @@
         </Button>
     </div>
 {:else}
-    <div class="flex flex-col gap-3 w-full max-w-80 animate-in animate-out {className ?? ''}">
+    <div class="flex flex-col gap-3 w-full max-w-80 {className ?? ''}">
         <div class="flex flex-col gap-3">
             <Label class="justify-between">
                 <span class="flex flex-row items-center gap-1">