From f0f6b729d4d633df30bb963d1cb221f6dc524ea6 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 25 Apr 2024 20:12:48 -0400
Subject: [PATCH] Add animation to sidebar transition

---
 app/components/Sidebar/Right.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/components/Sidebar/Right.tsx b/app/components/Sidebar/Right.tsx
index 800c0eb02..e0f6afaa3 100644
--- a/app/components/Sidebar/Right.tsx
+++ b/app/components/Sidebar/Right.tsx
@@ -76,6 +76,7 @@ function Right({ children, border, className }: Props) {
   const animationProps = {
     initial: {
       width: 0,
+      opacity: 0.9,
     },
     animate: {
       transition: isResizing
@@ -86,9 +87,11 @@ function Right({ children, border, className }: Props) {
             duration: sidebarAppearDuration / 1000,
           },
       width: ui.sidebarRightWidth,
+      opacity: 1,
     },
     exit: {
       width: 0,
+      opacity: 0,
     },
   };