lizhimins opened a new issue, #4209:
URL: https://github.com/apache/rocketmq-dashboard/issues/4209
The dashboard page (`/ops/dashboard`) renders **53** `Statistic` blocks.
Forty-five of them are per-panel query metadata, laid out *above* each chart:
- series, samples, scalar samples, histogram samples, warnings — five
`Statistic` blocks
- a six-item `Descriptions` of data source, query window, query time,
first/last sample, result type
So every one of the nine metric charts sits below eleven metadata blocks
competing with it for attention. The metadata is diagnostic detail; the chart
is the reason the panel exists.
Two more problems on the same page:
**Cluster health table.** Fifteen columns totalling 1620px against a 1053px
container, so it scrolls horizontally at any window size. Three of the fifteen
(`cluster name`, `type`, `version`) declare no width at all, so `tableScrollX`
falls back to a 120px guess for each. Seven of them (total TPS, share,
per-broker TPS, in/out ratio, TPS in, TPS out, trend) repeat the traffic
insight card rendered directly above the table.
**Traffic insight card.** The four summary cards render at unequal heights —
112/112/90/90 — because only the top-share card renders a caption line.
`align="stretch"` does not fix it: at `xs={12}` the cards wrap onto two flex
lines and stretch only equalises within a line. The findings alert uses a
`description` block holding one `Tag` per finding, taking several times the
height of the same text on a single line.
Unrelated layout defects found while measuring, on other pages:
- **System alerts filter row** (`/ops/system-alerts`): twelve controls in a
`Flex` with neither `wrap` nor `align`. Declared widths total ~1496px in a
1292px container. The four `Input`s size with `width` rather than `minWidth`,
so they are what shrinks — measured at **16px** each, unusable, while the
`Select`s keep their size.
- **Notification settings** (`/settings`): the test buttons and the submit
button are two adjacent `Form.Item`s both with `marginBottom: 0`, stacked flush
against each other with no gap.
The dashboard refresh button and instance-filter placeholder are also
hard-coded English in an otherwise translated page.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
