From 08730dd82110e06d6edee15b3e71a51c80400507 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 17 Dec 2025 01:00:07 +0200
Subject: [PATCH] style/inline title: add an intro animation for the note type
 selector

---
 apps/client/src/widgets/layout/InlineTitle.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/layout/InlineTitle.css b/apps/client/src/widgets/layout/InlineTitle.css
index 8e2c34cd9..4f468d4a2 100644
--- a/apps/client/src/widgets/layout/InlineTitle.css
+++ b/apps/client/src/widgets/layout/InlineTitle.css
@@ -102,7 +102,17 @@ body.prefers-centered-content .inline-title {
     }
 }
 
+@keyframes note-type-switcher-intro {
+    from {
+        opacity: 0;
+    } to {
+        opacity: 1;
+    }
+}
+
 .note-type-switcher {
+    --badge-radius: 12px;
+    
     position: relative;
     top: 5px;
     padding: .25em 0;
@@ -112,10 +122,10 @@ body.prefers-centered-content .inline-title {
     min-width: 0;
     gap: 5px;
     min-height: 35px;
-    --badge-radius: 12px;
-
+    
     >* {
         flex-shrink: 0;
+        animation: note-type-switcher-intro 200ms ease-in;
     }
 
     .ext-badge {