From 1be47766a5b6d99da19c2fba04a4836d56397ca5 Mon Sep 17 00:00:00 2001
From: amirhouieh <amir@status.im>
Date: Mon, 28 Aug 2023 19:38:15 +0200
Subject: [PATCH] make search list scrollable separately

---
 src/containers/Search/ListView.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/containers/Search/ListView.tsx b/src/containers/Search/ListView.tsx
index c650dde..de9bc49 100644
--- a/src/containers/Search/ListView.tsx
+++ b/src/containers/Search/ListView.tsx
@@ -9,6 +9,7 @@ import { SearchResultTopPost } from '@/components/Search/SearchResult.TopPost'
 import { SearchResultListBlocks } from '@/components/Search/SearchResult.Blocks'
 import { Typography } from '@acid-info/lsd-react'
 import { lsdUtils } from '@/utils/lsd.utils'
+import { uiConfigs } from '@/configs/ui.configs'
 
 interface Props {
   posts: LPE.Search.ResultItemBase<LPE.Post.Document>[]
@@ -107,12 +108,12 @@ export const SearchResultsListView = (props: Props) => {
       <GridItem className={'w-1'} />
       <BlocksList className={'w-3'}>
         {renderBlocks.length > 0 ? (
-          <>
+          <BlockListSticky>
             <SearchResultsListHeader
               title={copyConfigs.search.labels.relatedContent}
             />
             <SearchResultListBlocks blocks={renderBlocks} />
-          </>
+          </BlockListSticky>
         ) : (
           !busy && (
             <Typography variant={'subtitle2'} genericFontFamily={'serif'}>
@@ -144,3 +145,10 @@ const PostsListHeader = styled.div``
 const PostsListContent = styled.div``
 
 const BlocksList = styled(GridItem)``
+
+const BlockListSticky = styled.div`
+  position: sticky;
+  top: ${uiConfigs.navbarRenderedHeight * 2 + 12}px;
+  height: 100vh;
+  overflow-y: auto;
+`