From 5134b6123726723c47b6b47baeec65bf5eec3e6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sun, 27 Sep 2026 08:19:07 +0200
Subject: [PATCH] fix: clarify large table resize handle

---
 styles/42-components-data-display.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/styles/42-components-data-display.css b/styles/42-components-data-display.css
index 81bb560..c6fe62d 100644
--- a/styles/42-components-data-display.css
+++ b/styles/42-components-data-display.css
@@ -156,13 +156,16 @@
   top: 25%;
   bottom: 25%;
   left: 0.2rem;
-  border-left: 1px solid transparent;
+  width: 1px;
+  background: transparent;
+  box-shadow: -0.2rem 0 0 transparent, 0.2rem 0 0 transparent;
 }
 
 .sg-large-table__resize-handle:hover::after,
 .sg-large-table__resize-handle:focus-visible::after,
 .sg-large-table[data-column-resize-state="resizing"] .sg-large-table__resize-handle[data-large-table-resize-active="true"]::after {
-  border-left-color: var(--color-darkblue);
+  background: var(--color-darkblue);
+  box-shadow: -0.2rem 0 0 var(--color-darkblue), 0.2rem 0 0 var(--color-darkblue);
 }
 
 .sg-large-table__resize-handle:focus-visible {