From 5bf2513176a943900bc74edaebdb34cd029957b9 Mon Sep 17 00:00:00 2001
From: Abdelhalim Khouas <abdelhalimkhouas@gmail.com>
Date: Thu, 11 Jan 2024 10:49:32 +0300
Subject: [PATCH] make search and breadcrumbs positon fixed on mobile

---
 src/components/itemBrowser/ItemBrowser.styles.tsx | 3 +++
 src/components/variables/VariablesPanel.tsx       | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/components/itemBrowser/ItemBrowser.styles.tsx b/src/components/itemBrowser/ItemBrowser.styles.tsx
index a13b6e3f..a0401ef8 100644
--- a/src/components/itemBrowser/ItemBrowser.styles.tsx
+++ b/src/components/itemBrowser/ItemBrowser.styles.tsx
@@ -9,6 +9,9 @@ export const ResourcesContainer = styled.div`
     ${mobileMediaQuery} {
         grid-template-columns: minmax(7.5rem, 1fr) minmax(7.5rem, 1fr);
         gap: 1rem;
+        max-height: 500px;
+        overflow: scroll;
+        height: auto;
     }
 `;
 
diff --git a/src/components/variables/VariablesPanel.tsx b/src/components/variables/VariablesPanel.tsx
index f00559de..f50ebc62 100644
--- a/src/components/variables/VariablesPanel.tsx
+++ b/src/components/variables/VariablesPanel.tsx
@@ -59,6 +59,7 @@ function VariablesPanel(props: VariablesPanelProps) {
                 onTrayHidden={showVariablesPanel}
                 styles={css`
                     height: ${contentType === ContentType.IMAGE_PANEL ? '100%' : 'auto'};
+                    overflow: ${showVariablesList ? 'auto' : 'hidden'};
                 `}
                 hideCloseButton={mobileOptionsListOpen}
             >