From 42bb460ef4e664819f90e516f346ceac7b701866 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 20 Feb 2024 13:48:30 +0800
Subject: [PATCH] Improve the menu animation on mobile

---
 .../web/components/templates/navMenu/LibraryLegacyMenu.tsx   | 5 +++--
 packages/web/components/templates/navMenu/LibraryMenu.tsx    | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/templates/navMenu/LibraryLegacyMenu.tsx b/packages/web/components/templates/navMenu/LibraryLegacyMenu.tsx
index e88263331..f9c34c9c2 100644
--- a/packages/web/components/templates/navMenu/LibraryLegacyMenu.tsx
+++ b/packages/web/components/templates/navMenu/LibraryLegacyMenu.tsx
@@ -99,9 +99,10 @@ export function LibraryLegacyMenu(props: LibraryFilterMenuProps): JSX.Element {
             display: 'none',
           },
           '@mdDown': {
-            visibility: props.showFilterMenu ? 'visible' : 'hidden',
             width: '100%',
-            transition: 'visibility 0s, top 150ms',
+            transition: 'top 100ms, visibility 100ms',
+            top: props.showFilterMenu ? '0' : '100%',
+            visibility: props.showFilterMenu ? 'visible' : 'hidden',
           },
           zIndex: 10,
         }}
diff --git a/packages/web/components/templates/navMenu/LibraryMenu.tsx b/packages/web/components/templates/navMenu/LibraryMenu.tsx
index 43fa4121f..fa4d47375 100644
--- a/packages/web/components/templates/navMenu/LibraryMenu.tsx
+++ b/packages/web/components/templates/navMenu/LibraryMenu.tsx
@@ -113,8 +113,8 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
           },
           '@mdDown': {
             width: '100%',
-            transition: 'left 50ms, top 750ms',
-            left: props.showFilterMenu ? '0' : '-500px',
+            transition: 'top 100ms, visibility 100ms',
+            top: props.showFilterMenu ? '0' : '100%',
             visibility: props.showFilterMenu ? 'visible' : 'hidden',
           },
           zIndex: 10,