fix toast notifications for when web notifications are disabled

NullVoxPopuli · Dec 6, 2018 · 9b89af1 · 9b89af1
1 parent adbd3b0
commit 9b89af1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/frontend/src/services/toast.ts b/packages/frontend/src/services/toast.ts
@@ -32,6 +32,7 @@ export default class Toast extends Service {
       ...options,
       message: message || 'status',
       type: status,
+      cssClasses: `notification ${status} p-xs has-shadow height-tall`,
     });
   }
 }
diff --git a/packages/frontend/src/ui/styles/app.scss b/packages/frontend/src/ui/styles/app.scss
@@ -215,3 +215,12 @@ textarea {
     overflow-wrap: break-word;
   }
 }
+
+
+// matches the toast notification
+div.notification.has-shadow.p-xs.height-tall {
+  div:first-child {
+    display: none;
+  }
+
+}