[Improvement] Set max frame height for nification box
This commit is contained in:
@@ -28,7 +28,6 @@ const styles = (theme: any) => ({
|
|||||||
maxWidth: 360,
|
maxWidth: 360,
|
||||||
backgroundColor: '#efefef',
|
backgroundColor: '#efefef',
|
||||||
minHeight: 376,
|
minHeight: 376,
|
||||||
maxHeight: '380px',
|
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
},
|
},
|
||||||
noNotify: {
|
noNotify: {
|
||||||
@@ -47,10 +46,14 @@ const styles = (theme: any) => ({
|
|||||||
overflowY: 'auto'
|
overflowY: 'auto'
|
||||||
},
|
},
|
||||||
popper: {
|
popper: {
|
||||||
maxHeight: '380px'
|
|
||||||
},
|
},
|
||||||
overflowHidden: {
|
overflowHidden: {
|
||||||
overflow: 'hidden'
|
overflow: 'hidden'
|
||||||
|
},
|
||||||
|
list: {
|
||||||
|
maxHeight: 380,
|
||||||
|
overflowY: 'auto'
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -140,7 +143,7 @@ export class NotifyComponent extends Component<INotifyComponentProps, INotifyCom
|
|||||||
<Grow in={open} style={{ transformOrigin: '0 0 0' }}>
|
<Grow in={open} style={{ transformOrigin: '0 0 0' }}>
|
||||||
<Paper className={classNames(classes.root, { [classes.overflowHidden]: !open })} elevation={4} >
|
<Paper className={classNames(classes.root, { [classes.overflowHidden]: !open })} elevation={4} >
|
||||||
|
|
||||||
{items.length > 0 ? <List>{items}</List> : noNotify}
|
{items.length > 0 ? <List className={classes.list} >{items}</List> : noNotify}
|
||||||
|
|
||||||
</Paper>
|
</Paper>
|
||||||
</Grow>
|
</Grow>
|
||||||
|
|||||||
Reference in New Issue
Block a user