Improve notifications

SpaceK33z · Dec 12, 2016 · c4a1c9d · c4a1c9d
1 parent e813e8b
commit c4a1c9d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/main.css b/src/main.css
@@ -28,7 +28,7 @@
 	font-size: 20px;
 	padding: 10px;
 	border-radius: 4px;
-	z-index: 1000;
+	z-index: 999000;
 }
 
 .movieo-to-plex-warning {

diff --git a/src/main.js b/src/main.js
@@ -22,15 +22,26 @@ function init() {
 	}
 }
 
+let notificationTimeout;
+
 function showNotification(state, text) {
-	const el = document.createElement('div')
+	if (notificationTimeout) {
+		clearTimeout(notificationTimeout);
+		notificationTimeout = null;
+	}
+	const existingEl = document.querySelector('.movieo-to-plex-notification');
+	if (existingEl) {
+		document.body.removeChild(existingEl);
+	}
+
+	const el = document.createElement('div');
 	el.classList.add('movieo-to-plex-notification');
 	if (state === 'warning') {
 		el.classList.add('movieo-to-plex-warning');
 	}
 	el.innerHTML = text;
 	document.body.appendChild(el);
-	setTimeout(() => {
+	notificationTimeout = setTimeout(() => {
 		document.body.removeChild(el);
 	}, 5000);
 }