From 1a4659b7fc3285d74978e0e9fb2cac79e5853059 Mon Sep 17 00:00:00 2001
From: pewdiepie-archdaemon <pewdiepie-archdaemon@users.noreply.github.com>
Date: Wed, 10 Jun 2026 23:05:39 +0900
Subject: [PATCH] Edge-dock resize handle: drop the visible accent stripe

The drag handle painted a 35% accent gradient strip on the page edge
of any docked panel. The col-resize cursor on hover is enough to
surface the affordance; the stripe felt like a stray UI element.
---
 static/js/modalSnap.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/js/modalSnap.js b/static/js/modalSnap.js
index ad5e04a99..e25cb6628 100644
--- a/static/js/modalSnap.js
+++ b/static/js/modalSnap.js
@@ -809,7 +809,10 @@ export function makeEdgeDockController(modal, side = 'right', dockClass) {
     handle.style.bottom = '0';
     handle.style.width = '10px';
     handle.style.cursor = 'col-resize';
-    handle.style.background = 'linear-gradient(to right, transparent 0 3px, color-mix(in srgb, var(--accent, var(--red)) 35%, transparent) 3px 7px, transparent 7px 10px)';
+    // Invisible drag affordance — the col-resize cursor still surfaces
+    // it on hover, but the accent stripe was distracting and felt like
+    // a misplaced UI element when first noticed.
+    handle.style.background = 'transparent';
     handle.style.pointerEvents = 'auto';
     handle.style.touchAction = 'none';
     handle.style.display = 'none';