Browse Source

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 <[email protected]>
Sumit Banwakade 1 year ago
parent
commit
f60462a853

+ 6 - 5
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),
       ],
     );
   }