From 8e79631f86ab847960ff6a4e94befe7e51f74a60 Mon Sep 17 00:00:00 2001 From: Julius Volz Date: Wed, 5 Mar 2025 10:26:04 +0100 Subject: [PATCH] Invert graph legend series show/hide behavior Also conditionally display instructions for "Cmd" vs. "Ctrl" depending on the user agent. See https://github.com/prometheus/prometheus/issues/16162#issuecomment-2699315258 Signed-off-by: Julius Volz --- web/ui/mantine-ui/src/pages/query/UPlotChart.tsx | 4 +++- web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts | 1 + 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx b/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx index befaaa783e..c796879e13 100644 --- a/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx +++ b/web/ui/mantine-ui/src/pages/query/UPlotChart.tsx @@ -95,7 +95,9 @@ const UPlotChart: FC = ({ className={classes.uplotChart} /> - Click: hide single series, Ctrl+click: show single series + Click: show single series,{" "} + {navigator.userAgent.includes("Mac") ? "Cmd" : "Ctrl"} + click: hide + single series ); diff --git a/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts b/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts index 31055058b1..3249afd454 100644 --- a/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts +++ b/web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts @@ -313,6 +313,7 @@ export const getUPlotOptions = ( legend: { show: true, live: false, + isolate: true, markers: { fill: ( _u: uPlot,