From 0a949dc82fcefeabb9c18b98059782c59481c860 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 24 Feb 2023 19:43:33 +0800
Subject: [PATCH] Allow the left bar to scroll when expanded

---
 .../templates/homeFeed/HomeFeedContainer.tsx  |  1 -
 .../templates/homeFeed/LibraryFilterMenu.tsx  | 60 ++++++++++---------
 2 files changed, 32 insertions(+), 29 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index bbfd0520b..2c5a765d6 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -807,7 +807,6 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
             }}
           />
         </SpanBox>
-
         <VStack
           alignment="center"
           css={{
diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index 98265a0a6..2a8f1039b 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -54,6 +54,7 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
           height: '100%',
           borderRight: '1px solid #E1E1E1',
           pr: '15px',
+          overflow: 'auto',
         }}
       >
         <SavedSearches {...props} />
@@ -346,37 +347,40 @@ type AddLinkButtonProps = {
 
 function AddLinkButton(props: AddLinkButtonProps): JSX.Element {
   return (
-    <VStack
-      css={{
-        position: 'fixed',
-        bottom: '0',
-        width: '233px',
-        height: '80px',
-        pl: '25px',
-      }}
-      distribution="center"
-    >
-      <Button
+    <>
+      <VStack
         css={{
-          height: '40px',
-          p: '15px',
-          pr: '20px',
-          fontSize: '14px',
-          verticalAlign: 'center',
-          color: '#3D3D3D',
-          display: 'flex',
-          alignItems: 'center',
-          fontWeight: '600',
-        }}
-        onClick={(e) => {
-          props.showAddLinkModal()
-          e.preventDefault()
+          position: 'fixed',
+          bottom: '0',
+          width: '233px',
+          height: '80px',
+          pl: '25px',
         }}
+        distribution="center"
       >
-        <Plus size={16} weight="bold" />
-        <SpanBox css={{ width: '10px' }}></SpanBox>Add Link
-      </Button>
-    </VStack>
+        <Button
+          css={{
+            height: '40px',
+            p: '15px',
+            pr: '20px',
+            fontSize: '14px',
+            verticalAlign: 'center',
+            color: '#3D3D3D',
+            display: 'flex',
+            alignItems: 'center',
+            fontWeight: '600',
+          }}
+          onClick={(e) => {
+            props.showAddLinkModal()
+            e.preventDefault()
+          }}
+        >
+          <Plus size={16} weight="bold" />
+          <SpanBox css={{ width: '10px' }}></SpanBox>Add Link
+        </Button>
+      </VStack>
+      <Box css={{ height: '180px ' }} />
+    </>
   )
 }