Skip to content

Commit

Permalink
Improve styling of column resize handles
Browse files Browse the repository at this point in the history
- Only show resize divider on table header
- Use same color for resize divider as for dividers of data

Closes #71
  • Loading branch information
martin-fleck-at committed Mar 5, 2024
1 parent 531bea1 commit e0151ba
Showing 1 changed file with 16 additions and 0 deletions.
16 changes: 16 additions & 0 deletions media/memory-table.css
Expand Up @@ -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;
}

0 comments on commit e0151ba

Please sign in to comment.