From bd5a15e3b5ce5344d1140861b3152e4e566861ff Mon Sep 17 00:00:00 2001
From: E44 <129310925+programmer-44@users.noreply.github.com>
Date: Sat, 8 Nov 2025 21:51:41 +0100
Subject: [PATCH] improve splitpane behavior and look

---
 control/frontend/src/app.css                       | 11 ++++++++---
 control/frontend/src/components/DisplayView.svelte |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/control/frontend/src/app.css b/control/frontend/src/app.css
index 2638b11..a92f90a 100644
--- a/control/frontend/src/app.css
+++ b/control/frontend/src/app.css
@@ -29,7 +29,7 @@
     }
 
     .splitpanes__splitter {
-        @apply bg-transparent hover:bg-stone-600 transition-colors duration-200 shrink-0 relative box-border rounded mx-5;
+        @apply bg-transparent hover:bg-stone-700 active:bg-stone-600 transition-colors duration-200 shrink-0 relative box-border rounded mx-5;
         /* box-sizing: border-box;
         position: relative;
         flex-shrink: 0; */
@@ -41,6 +41,11 @@
 
         &:hover:before,
         &:hover:after {
+            @apply bg-stone-400;
+        }
+
+        &:active:before,
+        &:active:after {
             @apply bg-stone-300;
         }
 
@@ -55,7 +60,7 @@
         @apply z-10;
     }
 
-    &.splitpanes--vertical>.splitpanes__splitter,
+    /* &.splitpanes--vertical>.splitpanes__splitter,
     .splitpanes--vertical>.splitpanes__splitter {
         @apply w-2.5 cursor-col-resize;
 
@@ -71,7 +76,7 @@
         &:after {
             @apply ml-[calc(0.25*var(--spacing))];
         }
-    }
+    } */
 
     &.splitpanes--horizontal>.splitpanes__splitter,
     .splitpanes--horizontal>.splitpanes__splitter {
diff --git a/control/frontend/src/components/DisplayView.svelte b/control/frontend/src/components/DisplayView.svelte
index 2e87329..1b79c94 100644
--- a/control/frontend/src/components/DisplayView.svelte
+++ b/control/frontend/src/components/DisplayView.svelte
@@ -104,7 +104,7 @@
 <svelte:window on:wheel={on_wheel} />
 
 <div class="h-[calc(100dvh-3rem-(6*var(--spacing)))] flex flex-col gap-2">
-	<Splitpanes horizontal theme="mudics-stone-theme" on:resized={handle_splitpane_resize}>
+	<Splitpanes horizontal theme="mudics-stone-theme" on:resized={handle_splitpane_resize} dblClickSplitter={false}>
 		{#if $pinned_display_id}
 			<!-- Pinned Item -->
 			<Pane maxSize={60} snapSize={20} bind:size={pinned_pane_size}>