improve dashboard legend #8568

Vadman97 · 2024-05-14T21:18:04Z

overflow should be handled by making the popover expand as wide as it needs to be

linear · 2024-05-14T21:18:05Z

greptile-apps · 2024-05-14T21:18:23Z

To improve the dashboard legend and handle overflow, follow these steps:

Update CustomLegend in LineChart.tsx:

<div className="flex h-full w-full justify-center align-middle overflow-x-auto">

Update Dashboard.tsx:
- Ensure the Graph component's container handles overflow.
```
<Box className="overflow-x-auto">
```
Update DashboardOverview.tsx:
- Ensure the dashboard table rows handle overflow.
```
<div className="overflow-x-auto">
```
Update Graph.tsx:
- Ensure the graph container handles overflow.
```
<div className="overflow-x-auto">
```
Update LatencyChart.tsx:
- Ensure the latency chart container handles overflow.
```
<ResponsiveContainer className="overflow-x-auto">
```

These changes will ensure that the legends and charts handle overflow properly.

Vadman97 added the waterloo label May 14, 2024 — with Linear

Provide feedback