From b88878d29befd3fc44cfdc9abe8330af4bbdc789 Mon Sep 17 00:00:00 2001
From: Yann Amsellem <yann@agnostic.engineering>
Date: Fri, 6 Jun 2025 16:03:05 +0200
Subject: [PATCH] feat(datasets): update dataset highlight style

---
 src/lib/components/Datasets/Datasets.svelte | 9 +++++++++
 src/lib/components/Datasets/Tree.svelte     | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Datasets/Datasets.svelte b/src/lib/components/Datasets/Datasets.svelte
index c5a674a..d370b6c 100644
--- a/src/lib/components/Datasets/Datasets.svelte
+++ b/src/lib/components/Datasets/Datasets.svelte
@@ -41,6 +41,15 @@
 		overflow-y: scroll;
 	}
 
+	.datasets::-webkit-scrollbar {
+		display: none;
+	}
+
+	.datasets {
+		-ms-overflow-style: none;
+		scrollbar-width: none;
+	}
+
 	.toolbar {
 		position: sticky;
 		top: 0px;
diff --git a/src/lib/components/Datasets/Tree.svelte b/src/lib/components/Datasets/Tree.svelte
index 8bb1a4e..a7954e4 100644
--- a/src/lib/components/Datasets/Tree.svelte
+++ b/src/lib/components/Datasets/Tree.svelte
@@ -38,7 +38,7 @@
 		const element = document.getElementById(id);
 		if (element) {
 			element.scrollIntoView({ behavior: 'smooth', block: 'start' });
-			element.style.backgroundColor = 'yellow';
+			element.style.backgroundColor = 'hsl(60 40% 34% / 1)';
 		}
 	}
 </script>
@@ -110,6 +110,7 @@
 		margin-top: 3px;
 
 		transition: background-color linear 0.25s;
+		scroll-margin-top: 30px;
 	}
 
 	.name span {