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

fix product list covering search bar (#1527) (#1577)

Browse source
This commit is contained in:
Michał Droń 2021-11-10 12:54:22 +01:00 committed by GitHub
parent feef026fd0
commit 4f18947dda
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 93 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/shipping/components/ShippingMethodProductsAddDialog/ShippingMethodProductsAddDialog.tsx
View file

@ -39,7 +39,11 @@ const useStyles = makeStyles(
paddingLeft: 0 paddingLeft: 0
}, },
content: { content: {
overflowY: "scroll" overflowY: "scroll",
height: 450
},
searchBar: {
marginBottom: theme.spacing(3)
}, },
loadMoreLoaderContainer: { loadMoreLoaderContainer: {
alignItems: "center", alignItems: "center",
@ -125,20 +129,15 @@ const ShippingMethodProductsAddDialog: React.FC<ShippingMethodProductsAddDialogP
}; };
return ( return (
<Dialog <Dialog onClose={handleClose} open={open} fullWidth maxWidth="sm">
onClose={handleClose}
open={open}
classes={{ paper: classes.overflow }}
fullWidth
maxWidth="sm"
>
<DialogTitle> <DialogTitle>
<FormattedMessage <FormattedMessage
defaultMessage="Assign Products" defaultMessage="Assign Products"
description="dialog header" description="dialog header"
/> />
</DialogTitle> </DialogTitle>
<DialogContent className={classes.overflow}> <DialogContent>
<div className={classes.searchBar}>
<TextField <TextField
name="query" name="query"
value={query} value={query}
@ -155,8 +154,8 @@ const ShippingMethodProductsAddDialog: React.FC<ShippingMethodProductsAddDialogP
endAdornment: loading && <CircularProgress size={16} /> endAdornment: loading && <CircularProgress size={16} />
}} }}
/> />
</DialogContent> </div>
<DialogContent className={classes.content} id={scrollableTargetId}> <div className={classes.content} id={scrollableTargetId}>
<InfiniteScroll <InfiniteScroll
dataLength={products?.length} dataLength={products?.length}
next={onFetchMore} next={onFetchMore}
@ -223,6 +222,7 @@ const ShippingMethodProductsAddDialog: React.FC<ShippingMethodProductsAddDialogP
</TableBody> </TableBody>
</ResponsiveTable> </ResponsiveTable>
</InfiniteScroll> </InfiniteScroll>
</div>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={handleClose}> <Button onClick={handleClose}>