From 6455ddd1897c59fbfbf9600a75456ee1db15e938 Mon Sep 17 00:00:00 2001 From: Eric Amodio Date: Thu, 9 Feb 2023 13:55:37 -0500 Subject: [PATCH] Improves Graph tooltips --- src/webviews/apps/plus/graph/graph.scss | 35 ++++++++------------------------- 1 file changed, 8 insertions(+), 27 deletions(-) diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss index 1500715..b304ceb 100644 --- a/src/webviews/apps/plus/graph/graph.scss +++ b/src/webviews/apps/plus/graph/graph.scss @@ -793,40 +793,21 @@ button:not([disabled]), .tooltip { font-size: var(--vscode-font-size); font-family: var(--vscode-font-family); + font-weight: normal; + line-height: 19px; &.in { opacity: 1; } - &.top .tooltip-arrow { - border-top-color: var(--color-hover-border); - } - &.top-left .tooltip-arrow { - border-top-color: var(--color-hover-border); - } - &.top-right .tooltip-arrow { - border-top-color: var(--color-hover-border); - } - &.right .tooltip-arrow { - border-right-color: var(--color-hover-border); - } - &.left .tooltip-arrow { - border-left-color: var(--color-hover-border); - } - &.bottom .tooltip-arrow { - border-bottom-color: var(--color-hover-border); - } - &.bottom-left .tooltip-arrow { - border-bottom-color: var(--color-hover-border); - } - &.bottom-right .tooltip-arrow { - border-bottom-color: var(--color-hover-border); - } &-inner { - font-size: 1.2rem; - padding: 0.3rem 0.6rem; + font-size: var(--vscode-font-size); + padding: 4px 10px 5px 10px; color: var(--color-hover-foreground); background-color: var(--color-hover-background); - border: 0.1rem solid var(--color-hover-border); + border: 1px solid var(--color-hover-border); border-radius: 0; + box-shadow: 0 2px 8px var(--vscode-widget-shadow); + text-align: start; + white-space: break-spaces; } }