notification disappear automatically

bonfire-networks · Jun 27, 2024 · d7b70d8 · d7b70d8
1 parent e265e86
commit d7b70d8
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/flavours/classic/config/flavour_assets/hooks/Bonfire.UI.Common.NotificationLive.hooks.js b/flavours/classic/config/flavour_assets/hooks/Bonfire.UI.Common.NotificationLive.hooks.js
@@ -12,6 +12,15 @@ export default {
       console.debug("notification permission is already granted ")
     }
     this.handleEvent("notify", ({ title, message, url, icon }) => sendNotification(title, message, url, icon));
+
+    const notificationElement = this.el;
+    setTimeout(() => {
+      notificationElement.style.transition = "opacity 0.5s ease-out";
+      notificationElement.style.opacity = "0";
+      setTimeout(() => {
+        notificationElement.remove();
+      }, 500);
+    }, 5000);
   }
 }