From 9a10db837e5df23beb33f8b5583c69b7496f317e Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Mon, 21 Sep 2020 14:47:44 -0400
Subject: [PATCH] fix Notifications blocking items not visually under them from
 being interacted with (#915)

* fix Notifications blocking items not visually under them from being interacted with

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 src/renderer/components/dock/info-panel.tsx    | 18 +++++++++---------
 .../notifications/notifications.scss           |  5 +++--
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/dock/info-panel.tsx b/src/renderer/components/dock/info-panel.tsx
index 69e79ad8de..39d998d9d4 100644
--- a/src/renderer/components/dock/info-panel.tsx
+++ b/src/renderer/components/dock/info-panel.tsx
@@ -62,14 +62,13 @@ export class InfoPanel extends Component<Props> {
     this.error = "";
     this.waiting = true;
     try {
-      this.result = await this.props.submit().finally(() => {
-        this.waiting = false;
-      });
+      this.result = await this.props.submit()
       if (showNotifications) Notifications.ok(this.result);
     } catch (error) {
       this.error = error.toString();
       if (showNotifications) Notifications.error(this.error);
-      throw error;
+    } finally {
+      this.waiting = false
     }
   }
 
@@ -91,12 +90,13 @@ export class InfoPanel extends Component<Props> {
       <>
         {result && (
           <div className="success flex align-center">
-            <Icon material="done"/> <span>{result}</span>
+            <Icon material="done" />
+            <span>{result}</span>
           </div>
         )}
         {errorInfo && (
           <div className="error flex align-center">
-            <Icon material="error_outline"/>
+            <Icon material="error_outline" />
             <span>{errorInfo}</span>
           </div>
         )}
@@ -114,9 +114,9 @@ export class InfoPanel extends Component<Props> {
           {controls}
         </div>
         <div className="info flex gaps align-center">
-          {waiting ? <><Spinner/> {submittingMessage}</> : this.renderInfo()}
+          {waiting ? <><Spinner /> {submittingMessage}</> : this.renderInfo()}
         </div>
-        <Button plain label={<Trans>Cancel</Trans>} onClick={close}/>
+        <Button plain label={<Trans>Cancel</Trans>} onClick={close} />
         <Button
           primary active
           label={submitLabel}
@@ -134,4 +134,4 @@ export class InfoPanel extends Component<Props> {
       </div>
     );
   }
-}
\ No newline at end of file
+}
diff --git a/src/renderer/components/notifications/notifications.scss b/src/renderer/components/notifications/notifications.scss
index e8a64378cc..37d4990ee5 100644
--- a/src/renderer/components/notifications/notifications.scss
+++ b/src/renderer/components/notifications/notifications.scss
@@ -3,10 +3,11 @@
 
   position: absolute;
   right: 0;
-  bottom: 0;
+  top: 0;
   padding: $padding * 2;
   max-height: 100vh;
   z-index: 100000;
+  height: min-content!important;
 
   &:empty {
     display: none;
@@ -42,4 +43,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}