From e31c9da07c41cab1f46eb04de88977fb332bf738 Mon Sep 17 00:00:00 2001 From: Eric Amodio Date: Fri, 27 Oct 2023 18:48:40 -0400 Subject: [PATCH] Fixes Graph tooltip styling --- src/webviews/apps/plus/graph/graph.scss | 36 +++++++++++++++---------- 1 file changed, 22 insertions(+), 14 deletions(-) diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss index 8124c834677ca..5dcac77f4eb7e 100644 --- a/src/webviews/apps/plus/graph/graph.scss +++ b/src/webviews/apps/plus/graph/graph.scss @@ -1120,25 +1120,33 @@ button:not([disabled]), } } -.tooltip { - font-size: var(--vscode-font-size); - font-family: var(--vscode-font-family); - font-weight: normal; - line-height: 19px; +.gk-graph .tooltip, +.gk-graph.tooltip { + font-size: var(--vscode-font-size) !important; + font-family: var(--vscode-font-family) !important; + font-weight: normal !important; + line-height: 19px !important; &.in { opacity: 1; } + + &.tooltip-arrow:after { + background-color: var(--color-hover-background) !important; + border-right-color: var(--color-hover-border) !important; + border-bottom-color: var(--color-hover-border) !important; + } + &-inner { - font-size: var(--vscode-font-size); - padding: 4px 10px 5px 10px; - color: var(--color-hover-foreground); - background-color: var(--color-hover-background); - 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; + font-size: var(--vscode-font-size) !important; + padding: 4px 10px 5px 10px !important; + color: var(--color-hover-foreground) !important; + background-color: var(--color-hover-background) !important; + border: 1px solid var(--color-hover-border) !important; + border-radius: 0 !important; + box-shadow: 0 2px 8px var(--vscode-widget-shadow) !important; + text-align: start !important; + white-space: break-spaces !important; } }