djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix overflow issue in export dialog (#1737)

Browse source
This commit is contained in:
Wojciech Mista 2022-01-13 15:03:33 +01:00 committed by GitHub
parent d17bd24419
commit e36da6df28
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 294 additions and 283 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/products/components/ProductExportDialog/ProductExportDialogInfo.tsx
View file

@ -98,6 +98,15 @@ const useStyles = makeStyles(
}, },
warehousesLabel: { warehousesLabel: {
marginBottom: theme.spacing(2) marginBottom: theme.spacing(2)
},
scrollArea: {
maxHeight: "calc(100vh - 350px)",
minHeight: "auto",
"@media (min-height: 800px)": {
minHeight: 440
},
overflowY: "auto",
overflowX: "hidden"
} }
}), }),
{ {
@ -304,6 +313,7 @@ const ProductExportDialogInfo: React.FC<ProductExportDialogInfoProps> = ({
description="select product informations to be exported" description="select product informations to be exported"
/> />
</Typography> </Typography>
<div className={classes.scrollArea}>
<Accordion <Accordion
className={classes.accordion} className={classes.accordion}
title={intl.formatMessage(sectionNames.channels)} title={intl.formatMessage(sectionNames.channels)}
@ -601,6 +611,7 @@ const ProductExportDialogInfo: React.FC<ProductExportDialogInfoProps> = ({
onToggleAll={handleToggleAllFields} onToggleAll={handleToggleAllFields}
data-test="seo" data-test="seo"
/> />
</div>
</> </>
); );
}; };