IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-30 12:44:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Timeseries: Limit long text in legend (#66307)

Browse Source
This commit is contained in:
Adela Almasan 2023-04-11 13:01:57 -05:00 committed by GitHub
parent ae23ef5b41
commit 7e270021a8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,6 +74,7 @@ export const VizLegendListItem = <T = unknown,>({
<button
disabled={readonly}
type="button"
title={item.label}
onBlur={onMouseOut}
onFocus={onMouseOver}
onMouseOver={onMouseOver}
@ -100,6 +101,9 @@ const getStyles = (theme: GrafanaTheme2) => ({
font-size: inherit;
padding: 0;
user-select: text;
max-width: 600px;
text-overflow: ellipsis;
overflow: hidden;
`,
itemDisabled: css`
label: LegendLabelDisabled;

4
packages/grafana-ui/src/components/VizLegend/VizLegendTableItem.tsx
View File

@ -73,6 +73,7 @@ export const LegendTableItem = ({
<button
disabled={readonly}
type="button"
title={item.label}
onBlur={onMouseOut}
onFocus={onMouseOver}
onMouseOver={onMouseOver}
@ -122,6 +123,9 @@ const getStyles = (theme: GrafanaTheme2) => {
border: none;
font-size: inherit;
padding: 0;
max-width: 600px;
text-overflow: ellipsis;
overflow: hidden;
`,
labelDisabled: css`
label: LegendLabelDisabled;