Browse Source

Improves graph column resize handles

Matches graph column handles to vscode styles
main
Eric Amodio 2 years ago
parent
commit
f2e08e66b5
1 changed files with 38 additions and 0 deletions
  1. +38
    -0
      src/webviews/apps/plus/graph/graph.scss

+ 38
- 0
src/webviews/apps/plus/graph/graph.scss View File

@ -325,3 +325,41 @@ body {
background-color: var(--vscode-scrollbarSlider-activeBackground);
}
}
.graph-header {
& .resizable-handle.horizontal {
--sash-size: 4px;
--sash-hover-size: 4px;
border-right: none !important;
width: var(--sash-size) !important;
height: 100vh !important;
z-index: 1000;
&:before {
content: "";
pointer-events: none;
position: absolute;
width: 100%;
height: 100vh;
transition: background-color .1s ease-out;
background: transparent;
width: var(--sash-hover-size);
left: calc(50% - var(--sash-hover-size)/2);
}
&:hover, &:active {
&:before {
transition-delay: 0.2s;
background-color: var(--vscode-sash-hoverBorder);
}
}
}
}
.graph-container {
& .resizable-handle.horizontal {
display: none;
}
}

Loading…
Cancel
Save