IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-16 18:34:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

VisualizationLegend: Fixes item disabled color extends to stat values (#41786)

Browse Source
This commit is contained in:
Torkel Ödegaard 2021-11-17 09:44:08 +01:00 committed by GitHub
parent bce7cb3ebf
commit d4bbaaade4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/grafana-ui/src/components/VizLegend/VizLegendListItem.tsx
View File

@ -58,7 +58,7 @@ export const VizLegendListItem = <T extends unknown = any>({
return ( return (
<div <div
className={cx(styles.itemWrapper, className)} className={cx(styles.itemWrapper, item.disabled && styles.itemDisabled, className)}
aria-label={selectors.components.VizLegend.seriesName(item.label)} aria-label={selectors.components.VizLegend.seriesName(item.label)}
> >
<VizLegendSeriesIcon seriesName={item.label} color={item.color} gradient={item.gradient} readonly={readonly} /> <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} onMouseEnter={onMouseEnter}
onMouseOut={onMouseOut} onMouseOut={onMouseOut}
onClick={!readonly ? onClick : undefined} onClick={!readonly ? onClick : undefined}
className={cx(styles.label, item.disabled && styles.labelDisabled, !readonly && styles.clickable)} className={cx(styles.label, !readonly && styles.clickable)}
> >
{item.label} {item.label}
</div> </div>
@ -87,7 +87,7 @@ const getStyles = (theme: GrafanaTheme) => ({
label: LegendClickabel; label: LegendClickabel;
cursor: pointer; cursor: pointer;
`, `,
labelDisabled: css` itemDisabled: css`
label: LegendLabelDisabled; label: LegendLabelDisabled;
color: ${theme.colors.linkDisabled}; color: ${theme.colors.linkDisabled};
`, `,