From 3dd3e67a6320195101773328425c2faa42c4888f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 4 May 2024 21:10:18 +0200
Subject: [PATCH] Make search bar sticky on search results page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 src/features/compose/components/search.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/compose/components/search.tsx b/src/features/compose/components/search.tsx
index 6b9750104..68b134c54 100644
--- a/src/features/compose/components/search.tsx
+++ b/src/features/compose/components/search.tsx
@@ -149,7 +149,11 @@ const Search = (props: ISearch) => {
   }, []);
 
   return (
-    <div className='w-full'>
+    <div
+      className={clsx('w-full', {
+        'sticky top-[124px] z-10 bg-white/90 backdrop-blur black:bg-black/80 dark:bg-primary-900/90': !openInRoute,
+      })}
+    >
       <label htmlFor='search' className='sr-only'>{intl.formatMessage(messages.placeholder)}</label>
 
       <div className='relative'>