From e649e07e8f3fb31551d8a6195da1c275aba864a5 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 20 Feb 2024 13:44:26 +0800
Subject: [PATCH] Improve left menu toggle

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

diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
index fc402b755..96aae0ed1 100644
--- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
@@ -48,7 +48,8 @@ export const headerControlWidths = (
   return {
     width: '95%',
     '@mdDown': {
-      width: multiSelectMode !== 'off' ? '100%' : '95%',
+      padding: '15px',
+      width: '100%',
     },
     '@media (min-width: 930px)': {
       width: '620px',
diff --git a/packages/web/components/templates/navMenu/LibraryMenu.tsx b/packages/web/components/templates/navMenu/LibraryMenu.tsx
index 6f52fae54..43fa4121f 100644
--- a/packages/web/components/templates/navMenu/LibraryMenu.tsx
+++ b/packages/web/components/templates/navMenu/LibraryMenu.tsx
@@ -112,9 +112,10 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
             display: 'none',
           },
           '@mdDown': {
-            visibility: props.showFilterMenu ? 'visible' : 'hidden',
             width: '100%',
-            transition: 'visibility 0s, top 150ms',
+            transition: 'left 50ms, top 750ms',
+            left: props.showFilterMenu ? '0' : '-500px',
+            visibility: props.showFilterMenu ? 'visible' : 'hidden',
           },
           zIndex: 10,
         }}