Improve styling of column resize handles (#92)

eclipse-cdt-cloud · Mar 6, 2024 · 7b4c3bf · 7b4c3bf
1 parent 0f2411e
commit 7b4c3bf
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/media/memory-table.css b/media/memory-table.css
@@ -85,3 +85,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;
+}