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: {
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"
/>
</Typography>
<div className={classes.scrollArea}>
<Accordion
className={classes.accordion}
title={intl.formatMessage(sectionNames.channels)}
@ -601,6 +611,7 @@ const ProductExportDialogInfo: React.FC<ProductExportDialogInfoProps> = ({
onToggleAll={handleToggleAllFields}
data-test="seo"
/>
</div>
</>
);
};