From d4bbaaade4763eeb4cacc10a7ca4e26246e2ef08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Wed, 17 Nov 2021 09:44:08 +0100
Subject: [PATCH] VisualizationLegend: Fixes item disabled color extends to
 stat values (#41786)

---
 .../src/components/VizLegend/VizLegendListItem.tsx          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/VizLegend/VizLegendListItem.tsx b/packages/grafana-ui/src/components/VizLegend/VizLegendListItem.tsx
index 90daa1c59d0..16f77707c99 100644
--- a/packages/grafana-ui/src/components/VizLegend/VizLegendListItem.tsx
+++ b/packages/grafana-ui/src/components/VizLegend/VizLegendListItem.tsx
@@ -58,7 +58,7 @@ export const VizLegendListItem = <T extends unknown = any>({
 
   return (
     <div
-      className={cx(styles.itemWrapper, className)}
+      className={cx(styles.itemWrapper, item.disabled && styles.itemDisabled, className)}
       aria-label={selectors.components.VizLegend.seriesName(item.label)}
     >
       <VizLegendSeriesIcon seriesName={item.label} color={item.color} gradient={item.gradient} readonly={readonly} />
@@ -66,7 +66,7 @@ export const VizLegendListItem = <T extends unknown = any>({
         onMouseEnter={onMouseEnter}
         onMouseOut={onMouseOut}
         onClick={!readonly ? onClick : undefined}
-        className={cx(styles.label, item.disabled && styles.labelDisabled, !readonly && styles.clickable)}
+        className={cx(styles.label, !readonly && styles.clickable)}
       >
         {item.label}
       </div>
@@ -87,7 +87,7 @@ const getStyles = (theme: GrafanaTheme) => ({
     label: LegendClickabel;
     cursor: pointer;
   `,
-  labelDisabled: css`
+  itemDisabled: css`
     label: LegendLabelDisabled;
     color: ${theme.colors.linkDisabled};
   `,