From f2e08e66b5bdb7f1a64158a5bcc0f442fdf70cc9 Mon Sep 17 00:00:00 2001 From: Eric Amodio Date: Mon, 22 Aug 2022 02:47:09 -0400 Subject: [PATCH] Improves graph column resize handles Matches graph column handles to vscode styles --- src/webviews/apps/plus/graph/graph.scss | 38 +++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss index aa3ca71..ee05dc8 100644 --- a/src/webviews/apps/plus/graph/graph.scss +++ b/src/webviews/apps/plus/graph/graph.scss @@ -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; + } +}