Remove styles error when opening the provider
This commit is contained in:
parent
aa1327c5af
commit
edfece39f9
|
@ -32,7 +32,7 @@ const styles = () => ({
|
||||||
padding: 0,
|
padding: 0,
|
||||||
boxShadow: '0 0 10px 0 rgba(33, 48, 77, 0.1)',
|
boxShadow: '0 0 10px 0 rgba(33, 48, 77, 0.1)',
|
||||||
minWidth: '280px',
|
minWidth: '280px',
|
||||||
left: '4px',
|
borderRadius: '8px',
|
||||||
},
|
},
|
||||||
summary: {
|
summary: {
|
||||||
borderBottom: `solid 2px ${border}`,
|
borderBottom: `solid 2px ${border}`,
|
||||||
|
@ -68,11 +68,13 @@ const Layout = openHoc(({
|
||||||
<Popper open={open} anchorEl={providerRef.current} placement="bottom-end">
|
<Popper open={open} anchorEl={providerRef.current} placement="bottom-end">
|
||||||
{({ TransitionProps }) => (
|
{({ TransitionProps }) => (
|
||||||
<Grow {...TransitionProps}>
|
<Grow {...TransitionProps}>
|
||||||
<ClickAwayListener onClickAway={clickAway} mouseEvent="onClick" touchEvent={false}>
|
<>
|
||||||
<List className={classes.root} component="div">
|
<ClickAwayListener onClickAway={clickAway} mouseEvent="onClick" touchEvent={false}>
|
||||||
{providerDetails}
|
<List className={classes.root} component="div">
|
||||||
</List>
|
{providerDetails}
|
||||||
</ClickAwayListener>
|
</List>
|
||||||
|
</ClickAwayListener>
|
||||||
|
</>
|
||||||
</Grow>
|
</Grow>
|
||||||
)}
|
)}
|
||||||
</Popper>
|
</Popper>
|
||||||
|
|
Loading…
Reference in New Issue