Merge pull request #6968 from MetaMask/prevent-hidden-popup-overlay

Prevent hidden popup overlay

ui/app/components/app/multiple-notifications/index.scss

@@ -3,7 +3,6 @@
   display: flex;
   flex-direction: column;
   width: 472px;
-  height: 116px;
   position: absolute;
   bottom: 0;
   right: 0;
@@ -37,7 +36,6 @@
 }
 
 .home-notification-wrapper--show-all {
-  height: 356px;;
   justify-content: flex-end;
   margin-bottom: 0;
 

ui/app/components/app/multiple-notifications/multiple-notifications.component.js

@@ -18,7 +18,12 @@ export default class MultipleNotifications extends PureComponent {
 
     const notificationsToBeRendered = notifications.filter(notificationConfig => notificationConfig.shouldBeRendered)
 
-    return (<div
+    if (notificationsToBeRendered.length === 0) {
+      return null
+    }
+
+    return (
+      <div
         className={classnames(...classNames, {
           'home-notification-wrapper--show-all': showAll,
           'home-notification-wrapper--show-first': !showAll,
@@ -33,6 +38,7 @@ export default class MultipleNotifications extends PureComponent {
             'flipped': !showAll,
           })} /> : null}
         </div>
-    </div>)
+      </div>
+    )
   }
 }