From e0151ba6cae7f34de7f80a68192ab17c45a8aaa5 Mon Sep 17 00:00:00 2001
From: Martin Fleck <mfleck@eclipsesource.com>
Date: Tue, 5 Mar 2024 12:28:24 +0100
Subject: [PATCH] Improve styling of column resize handles

- Only show resize divider on table header
- Use same color for resize divider as for dividers of data

Closes #71
---
 media/memory-table.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/media/memory-table.css b/media/memory-table.css
index 30e2911..45b5ae1 100644
--- a/media/memory-table.css
+++ b/media/memory-table.css
@@ -81,3 +81,19 @@
 .radix-prefix {
   opacity: 0.6;
 }
+
+/* == Resize Handle == */
+
+.memory-inspector-table span.p-column-resizer {
+  border-right: 2px solid var(--vscode-editor-lineHighlightBorder);
+  transition: border-right .1s ease-out;
+}
+
+.memory-inspector-table span.p-column-resizer:hover {
+  border-right: 2px solid var(--vscode-sash-hoverBorder);
+}
+
+.memory-inspector-table .p-column-resizer-helper {
+  margin-top: 32px !important; /* avoid overlap with top 'Load more' widget */
+  width: 2px;
+}