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

Fix: tooltips value disappear when label has too long word (#21267)

Browse Source
This commit is contained in:
okhowang 2020-01-02 17:36:15 +08:00 committed by Dominik Prokop
parent 48a93a5bd3
commit 85072b78a4
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/components/Graph/GraphTooltip/SeriesTable.tsx
View File

@ -26,6 +26,9 @@ const getSeriesTableRowStyles = stylesFactory((theme: GrafanaTheme) => {
seriesTableCell: css`
display: table-cell;
`,
label: css`
word-break: break-all;
`,
value: css`
padding-left: ${theme.spacing.md};
`,
@ -45,7 +48,7 @@ const SeriesTableRow: React.FC<SeriesTableRowProps> = ({ color, label, value, is
<SeriesIcon color={color} className={styles.icon} />
</div>
)}
<div className={styles.seriesTableCell}>{label}</div>
<div className={cx(styles.seriesTableCell, styles.label)}>{label}</div>
<div className={cx(styles.seriesTableCell, styles.value)}>{value}</div>
</div>
);