make search and breadcrumbs positon fixed on mobile

chili-publish · Jan 11, 2024 · 5bf2513 · 5bf2513
1 parent 7259e29
commit 5bf2513
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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}
             >