From b307393cea4d4d3cb37e7f6a248ec0749b9b3954 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Tue, 30 Jun 2026 14:28:21 +0100 Subject: [PATCH 1/2] fix: adjust sash handle dimensions and box-shadow for improved visibility --- .../contrib/styleOverrides/browser/media/sashHandles.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css b/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css index 8e9cc36c13c..a8deb544f61 100644 --- a/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css +++ b/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css @@ -28,8 +28,8 @@ content: ''; position: absolute; pointer-events: none; - width: 4px; - height: 4px; + width: 3px; + height: 3px; border-radius: 50%; background: color-mix(in srgb, var(--vscode-foreground) 30%, transparent); opacity: 0.5; @@ -44,7 +44,7 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - box-shadow: 0 -7px currentColor, 0 7px currentColor; + box-shadow: 0 -6px currentColor, 0 6px currentColor; color: color-mix(in srgb, var(--vscode-foreground) 30%, transparent); } @@ -53,7 +53,7 @@ left: 50%; top: 50%; transform: translate(-50%, -50%); - box-shadow: -7px 0 currentColor, 7px 0 currentColor; + box-shadow: -6px 0 currentColor, 6px 0 currentColor; color: color-mix(in srgb, var(--vscode-foreground) 30%, transparent); } From 9f3954530b762a06f84a64ef6bc83c4c0754ea98 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Tue, 30 Jun 2026 14:29:19 +0100 Subject: [PATCH 2/2] fix: reduce size and adjust box-shadow of sash handle for improved visibility --- .../contrib/styleOverrides/browser/media/sashHandles.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css b/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css index a8deb544f61..95ef28a899f 100644 --- a/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css +++ b/src/vs/workbench/contrib/styleOverrides/browser/media/sashHandles.css @@ -28,8 +28,8 @@ content: ''; position: absolute; pointer-events: none; - width: 3px; - height: 3px; + width: 2px; + height: 2px; border-radius: 50%; background: color-mix(in srgb, var(--vscode-foreground) 30%, transparent); opacity: 0.5; @@ -44,7 +44,7 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - box-shadow: 0 -6px currentColor, 0 6px currentColor; + box-shadow: 0 -5px currentColor, 0 5px currentColor; color: color-mix(in srgb, var(--vscode-foreground) 30%, transparent); } @@ -53,7 +53,7 @@ left: 50%; top: 50%; transform: translate(-50%, -50%); - box-shadow: -6px 0 currentColor, 6px 0 currentColor; + box-shadow: -5px 0 currentColor, 5px 0 currentColor; color: color-mix(in srgb, var(--vscode-foreground) 30%, transparent); }