From b8b4308aef3d0b3446a1a5c7982bbc0665e401ae Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 18 Apr 2023 10:50:49 +0200
Subject: [PATCH] minor UX improvements

---
 .../src/lib/components/jobs/JobPreview.svelte    | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/jobs/JobPreview.svelte b/frontend/src/lib/components/jobs/JobPreview.svelte
index 492f5e9b8b..73a6f760b6 100644
--- a/frontend/src/lib/components/jobs/JobPreview.svelte
+++ b/frontend/src/lib/components/jobs/JobPreview.svelte
@@ -45,6 +45,9 @@
 
 	function staggeredOpen() {
 		hovered = true
+		if (timeout) {
+			clearTimeout(timeout)
+		}
 		timeout = setTimeout(
 			async () => {
 				timeout = undefined
@@ -65,6 +68,17 @@
 		}
 	}
 
+	function staggeredClose() {
+		hovered = false
+		timeout = setTimeout(
+			async () => {
+				timeout = undefined
+				close()
+			},
+			loaded ? 100 : 300
+		)
+	}
+
 	function onDone(event: { detail: Job }) {
 		job = event.detail
 		result = job['result']
@@ -83,7 +97,7 @@
 
 <div
 	on:mouseenter={staggeredOpen}
-	on:mouseleave={close}
+	on:mouseleave={staggeredClose}
 	on:focusin={instantOpen}
 	on:focusout={close}
 	bind:this={wrapper}