From f2f85c30949c6d9b7944983d7461cdfa631aa61b Mon Sep 17 00:00:00 2001
From: Qolzam <amir.gholzam@live.com>
Date: Sat, 10 Feb 2018 10:02:14 +0700
Subject: [PATCH] [Improvement] Set max frame height for nification box

---
 src/components/notify/NotifyComponent.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/notify/NotifyComponent.tsx b/src/components/notify/NotifyComponent.tsx
index 4fa154b..6d399b7 100644
--- a/src/components/notify/NotifyComponent.tsx
+++ b/src/components/notify/NotifyComponent.tsx
@@ -28,7 +28,6 @@ const styles = (theme: any) => ({
     maxWidth: 360,
     backgroundColor: '#efefef',
     minHeight: 376,
-    maxHeight: '380px',
     display: 'flex',
   },
   noNotify: {
@@ -47,10 +46,14 @@ const styles = (theme: any) => ({
     overflowY: 'auto'
   },
   popper: {
-    maxHeight: '380px'
   },
   overflowHidden: {
     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' }}>
           <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>
           </Grow>