From 9c73b71feb777d40929c6d589b35473e30465669 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 25 Dec 2025 02:40:42 +0200
Subject: [PATCH] style: add some animations when opening the sidebar and the
 bottom panel

---
 apps/client/src/stylesheets/theme-next/shell.css | 4 ++++
 apps/client/src/widgets/layout/StatusBar.css     | 1 +
 2 files changed, 5 insertions(+)

diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css
index f3bc62000..bf4e88f3d 100644
--- a/apps/client/src/stylesheets/theme-next/shell.css
+++ b/apps/client/src/stylesheets/theme-next/shell.css
@@ -1803,6 +1803,10 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
     background: var(--right-pane-background-color);
 }
 
+#right-pane > * {
+    animation: fade-in 200ms ease-in;
+}
+
 #right-pane div.card-header {
     align-items: center;
     border: 0;
diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index c22e3998b..727801148 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -324,6 +324,7 @@
         padding: 8px 12px;
         max-height: 40vh;
         overflow-y: auto;
+        animation: fade-in 200ms ease-in;
     }
 }