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

Fix images overflow in media picker (#2625)

Browse source 
* Fix scroll bar in media picker

* Update storybook types
This commit is contained in:
Dawid 2022-11-24 11:54:25 +01:00 committed by GitHub
parent 1beb8473aa
commit dbe394f2a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/products/components/ProductVariantImageSelectDialog/ProductVariantMediaSelectDialog.tsx
View file

@ -30,6 +30,9 @@ const useStyles = makeStyles(
position: "relative", position: "relative",
transitionDuration: theme.transitions.duration.standard + "ms", transitionDuration: theme.transitions.duration.standard + "ms",
}, },
content: {
overflowY: "scroll",
},
root: { root: {
display: "grid", display: "grid",
gridColumnGap: theme.spacing(2), gridColumnGap: theme.spacing(2),
@ -70,7 +73,7 @@ const ProductVariantMediaSelectDialog: React.FC<ProductVariantImageSelectDialogP
description="dialog header" description="dialog header"
/> />
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent className={classes.content}>
<div className={classes.root}> <div className={classes.root}>
{media {media
.sort((prev, next) => (prev.sortOrder > next.sortOrder ? 1 : -1)) .sort((prev, next) => (prev.sortOrder > next.sortOrder ? 1 : -1))

5
src/storybook/config.js
View file

@ -1,6 +1,11 @@
/* eslint-disable */ /* eslint-disable */
import requireContext from "require-context.macro"; import requireContext from "require-context.macro";
import { configure } from "@storybook/react"; import { configure } from "@storybook/react";
import { getAppDefaultUri } from "@saleor/config";
window.__SALEOR_CONFIG__ = {
APP_MOUNT_URI: window.__SALEOR_CONFIG__?.APP_MOUNT_URI || getAppDefaultUri(),
};
const req = requireContext("../", true, /.stories.tsx$/); const req = requireContext("../", true, /.stories.tsx$/);