MoreCast overflow (#3324)

Changes overflow/scroll to only effect data within the DataGrid
bcgov · Jan 18, 2024 · 7631acd · 7631acd
1 parent 2f426c7
commit 7631acd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/web/src/features/moreCast2/components/ForecastDataGrid.tsx b/web/src/features/moreCast2/components/ForecastDataGrid.tsx
@@ -26,7 +26,8 @@ const Root = styled('div')(() => ({
   [`&.${classes.root}`]: {
     display: 'flex',
     flexGrow: 1,
-    flexDirection: 'column'
+    flexDirection: 'column',
+    height: '1px'
   }
 }))
 

diff --git a/web/src/features/moreCast2/components/ForecastSummaryDataGrid.tsx b/web/src/features/moreCast2/components/ForecastSummaryDataGrid.tsx
@@ -20,7 +20,8 @@ const classes = {
 const Root = styled('div')({
   [`&.${classes.root}`]: {
     display: 'flex',
-    flexGrow: 1
+    flexGrow: 1,
+    height: '1px'
   }
 })
 

diff --git a/web/src/features/moreCast2/pages/MoreCast2Page.tsx b/web/src/features/moreCast2/pages/MoreCast2Page.tsx
@@ -45,7 +45,7 @@ export const Observations = styled('div')(({ theme }) => ({
   flexDirection: 'column',
   flexGrow: 1,
   marginTop: theme.spacing(2),
-  overflowX: 'auto'
+  overflow: 'hidden'
 }))
 
 const MoreCast2Page = () => {