watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2025-12-06 01:18:00 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

truncate large legend labels
Some checks are pending
Node.js CI / build (postgresql, 18.18, 10) (push) Waiting to run
Details

Browse source 
Closes #3813
This commit is contained in:
Francis Cao 2025-12-02 14:44:10 -08:00
parent e7cb613cec
commit b0f38b266b
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/metrics/Legend.tsx
View file

@ -22,7 +22,12 @@ export function Legend({
return ( return (
<Row key={text} onClick={() => onClick(item)}> <Row key={text} onClick={() => onClick(item)}>
<StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}> <StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}>
<Text size="2" color={hidden ? 'disabled' : undefined} wrap="nowrap"> <Text
size="2"
color={hidden ? 'disabled' : undefined}
truncate={true}
style={{ maxWidth: '300px' }}
>
{text} {text}
</Text> </Text>
</StatusLight> </StatusLight>