From 43033ddf7471bb005a8d24f4fda137441043cd2c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zolt=C3=A1n=20Bedi?= Date: Mon, 20 Jul 2020 13:16:02 +0200 Subject: [PATCH] Jaeger: upstream fix for hovering on log lines (#26426) * Jaeger: upstream fix for hovering on log lines * Modify active style to change border color only --- .../src/TraceTimelineViewer/SpanTreeOffset.tsx | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/packages/jaeger-ui-components/src/TraceTimelineViewer/SpanTreeOffset.tsx b/packages/jaeger-ui-components/src/TraceTimelineViewer/SpanTreeOffset.tsx index fbfea55b39d..8af0f4c90b1 100644 --- a/packages/jaeger-ui-components/src/TraceTimelineViewer/SpanTreeOffset.tsx +++ b/packages/jaeger-ui-components/src/TraceTimelineViewer/SpanTreeOffset.tsx @@ -43,7 +43,7 @@ export const getStyles = createStyle((theme: Theme) => { /* The size of the indentGuide is based off of the iconWrapper */ padding-right: calc(0.5rem + 12px); height: 100%; - border-left: 1px solid transparent; + border-left: 3px solid transparent; display: inline-flex; &::before { content: ''; @@ -53,12 +53,9 @@ export const getStyles = createStyle((theme: Theme) => { `, indentGuideActive: css` label: indentGuideActive; - padding-right: calc(0.5rem + 11px); - border-left: 0px; + border-color: ${autoColor(theme, 'darkgrey')}; &::before { - content: ''; - padding-left: 3px; - background-color: ${autoColor(theme, 'darkgrey')}; + background-color: transparent; } `, iconWrapper: css`