[Synthetics] Fixed layout when monitors are grouped by (#216434)

This PR closes #207560.

Before:
<img width="1512" alt="Screenshot 2025-03-31 at 12 01 55"
src="https://github.com/user-attachments/assets/eee8e848-0df5-45af-a53d-8ee3c24a84fc"
/>

After:
<img width="1512" alt="Screenshot 2025-03-31 at 12 02 19"
src="https://github.com/user-attachments/assets/841b537e-4f55-40e1-b76f-4492812f2da3"
/>
This commit is contained in:
Francesco Fagnani 2025-04-02 09:27:10 +02:00 committed by GitHub
parent d1493b98e7
commit bb397ccd9e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -150,7 +150,7 @@ export const OverviewGrid = memo(() => {
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer size="m" />
<div style={{ height: listHeight }}>
<div style={groupField === 'none' ? { height: listHeight } : undefined}>
{groupField === 'none' ? (
loaded && monitorsSortedByStatus.length ? (
<EuiAutoSizer>