From a5c1f6ad33c3c897b16b847ed4de60c0779829c6 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Sat, 17 Oct 2026 23:35:56 +0200
Subject: [PATCH] fix folder styling

---
 .../src/lib/components/explorer/Explorer.svelte  | 16 ++++++++++++++++
 .../lib/components/explorer/ExplorerRow.svelte   |  5 ++---
 .../lib/components/explorer/ExplorerTree.svelte  |  1 +
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/website/src/lib/components/explorer/Explorer.svelte b/website/src/lib/components/explorer/Explorer.svelte
index 820988efb..94931bbe5 100644
--- a/website/src/lib/components/explorer/Explorer.svelte
+++ b/website/src/lib/components/explorer/Explorer.svelte
@@ -124,6 +124,7 @@
                                     path={folder}
                                     name={folderName(folder)}
                                     kind="root"
+                                    class="h-7"
                                     onOpenFolder={() =>
                                         trees && (trees.root.get('root.folder').current = true)}
                                 />
@@ -145,3 +146,18 @@
         </ScrollArea>
     </div>
 {/if}
+
+<style lang="postcss">
+    @reference "../../../app.css";
+
+    /* a selected file, and a selected folder with its chevron: the whole row of its node */
+    [data-explorer] :global([data-kind='file'][aria-selected='true']),
+    [data-explorer] :global([data-slot='button']:has([aria-selected='true'])) {
+        @apply bg-accent;
+    }
+
+    /* the folder where what is dragged would go */
+    [data-explorer] :global([data-slot='button']:has([data-drop-target])) {
+        @apply ring-1 ring-primary bg-accent/60;
+    }
+</style>
diff --git a/website/src/lib/components/explorer/ExplorerRow.svelte b/website/src/lib/components/explorer/ExplorerRow.svelte
index c7b5a639f..d11f769b8 100644
--- a/website/src/lib/components/explorer/ExplorerRow.svelte
+++ b/website/src/lib/components/explorer/ExplorerRow.svelte
@@ -252,9 +252,8 @@
             data-kind={kind}
             title={path}
             draggable={kind !== 'root' && !editing}
-            class="flex flex-row items-center gap-1.5 min-w-0 rounded-md {selected
-                ? 'bg-accent'
-                : ''} {target ? 'ring-1 ring-primary bg-accent/60' : ''} {className}"
+            data-drop-target={target || undefined}
+            class="flex flex-row items-center gap-1.5 min-w-0 rounded-md {className}"
             {style}
             {onclick}
             {ondblclick}
diff --git a/website/src/lib/components/explorer/ExplorerTree.svelte b/website/src/lib/components/explorer/ExplorerTree.svelte
index e014baf95..c57f29610 100644
--- a/website/src/lib/components/explorer/ExplorerTree.svelte
+++ b/website/src/lib/components/explorer/ExplorerTree.svelte
@@ -136,6 +136,7 @@
                     path={entry.path}
                     name={entry.name}
                     kind="folder"
+                    class="h-7"
                     onOpenFolder={() => nodes[entry.path]?.openNode()}
                 />
             {/snippet}