From f60462a85316fb880f3dc75136c5311a608220bd Mon Sep 17 00:00:00 2001
From: Sumit Banwakade <sbanwakde4482@gmail.com>
Date: Wed, 18 Oct 2023 13:18:26 +0530
Subject: [PATCH] fix: side panel animation (#3605)

* fix: side panel animation

* Fix: Side Panel Animation Changes

* Fix:Panel Animation

* fix:updated animation to easeOutQuad

* fix: updated animation to easeOutQuad

* Fix:Panel Side Animation

* fix:panel side animation

* chore: restore settings.json

---------

Co-authored-by: Richard Shiue <71320345+richardshiue@users.noreply.github.com>
---
 .../presentation/home/desktop_home_screen.dart        | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart b/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart
index f2433ac657..95d6341e15 100644
--- a/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart
+++ b/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart
@@ -255,7 +255,7 @@ class DesktopHomeScreen extends StatelessWidget {
               top: 0,
               animate: true,
             )
-            .animate(layout.animDuration, Curves.easeOut),
+            .animate(layout.animDuration, Curves.easeOutQuad),
         bubble
             .positioned(
               right: 20,
@@ -268,6 +268,7 @@ class DesktopHomeScreen extends StatelessWidget {
               duration: layout.animDuration.inMilliseconds * 0.001,
               closeX: layout.editPanelWidth,
               isClosed: !layout.showEditPanel,
+              curve: Curves.easeOutQuad,
             )
             .positioned(
               right: 0,
@@ -279,18 +280,18 @@ class DesktopHomeScreen extends StatelessWidget {
             .animatedPanelX(
               closeX: -layout.menuWidth,
               isClosed: !layout.showMenu,
+              curve: Curves.easeOutQuad,
+              duration: layout.animDuration.inMilliseconds * 0.001,
             )
             .positioned(
               left: 0,
               top: 0,
               width: layout.menuWidth,
               bottom: 0,
-              animate: true,
-            )
-            .animate(layout.animDuration, Curves.easeOut),
+            ),
         homeMenuResizer
             .positioned(left: layout.menuWidth - 5)
-            .animate(layout.animDuration, Curves.easeOut),
+            .animate(layout.animDuration, Curves.easeOutQuad),
       ],
     );
   }