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.
This commit is contained in:
pewdiepie-archdaemon
2026-06-10 23:05:39 +09:00
parent 965b0e143c
commit 1a4659b7fc
+4 -1
View File
@@ -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';