diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.css b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.css index 6534f14fb444..8e844a2d2417 100644 --- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.css +++ b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.css @@ -153,3 +153,22 @@ font-size: 14px; font-weight: normal; } + +.d3-tip.nv-event-annotation-layer-table { + width: 200px; + border-radius: 2px; + background-color: #484848; + fill-opacity: 0.6; + margin: 8px; + padding: 8px; + color: #fff; +} + +.d3-tip.nv-event-annotation-layer-table::after { + content: '\25BC'; + font-size: 14px; + color: #484848; + position: absolute; + bottom: -14px; + left: 94px; +} diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.js b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.js index 0dcaf984f149..823496ba9cf2 100644 --- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.js +++ b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.js @@ -972,7 +972,10 @@ function nvd3Vis(element, props) { .attr('class', `nv-event-annotation-layer-${index}`); const aColor = e.color || getColor(cleanColorInput(e.name), colorScheme); - const tip = tipFactory(e); + const tip = tipFactory({ + ...e, + annotationTipClass: `arrow-down nv-event-annotation-layer-${config.sourceType}`, + }); const records = (annotationData[e.name].records || []) .map(r => { const timeValue = new Date(moment.utc(r[e.timeColumn])); diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/utils.js b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/utils.js index b220e9e49bdd..2f21a51354c3 100644 --- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/utils.js +++ b/superset-frontend/temporary_superset_ui/superset-ui/plugins/superset-ui-plugins/packages/superset-ui-legacy-preset-chart-nvd3/src/utils.js @@ -295,7 +295,7 @@ export function wrapTooltip(chart, maxWidth) { export function tipFactory(layer) { return d3tip() - .attr('class', 'd3-tip') + .attr('class', `d3-tip ${layer.annotationTipClass || ''}`) .direction('n') .offset([-5, 0]) .html(d => {