Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

fix(1-3334): re-align the dropdown menu with the dropdown (#9188)

Browse Source 
Makes it so that the dropdown menu sits below the dropdown button,
rather than being offset to the end of the containing flexbox.

The issue was caused by the surrounding container being a flexbox.
This caused the popover anchor to grow to the full height of the box,
making the menu look offset.

By using `align-items: start`, we get around this.

Before

![image](https://github.com/user-attachments/assets/0f044627-05a3-4225-9a25-b20393c40158)


After:

![image](https://github.com/user-attachments/assets/9a6d1d7f-7f18-48d3-abdf-f4bb7c02ba68)
This commit is contained in:
Thomas Heartman 2025-02-03 11:00:15 +01:00 committed by GitHub
parent bf71d397a9
commit bd12cfce7c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsage.tsx
View File

@ -155,6 +155,7 @@ const NewHeader = styled('div')(({ theme }) => ({
flexFlow: 'row wrap', flexFlow: 'row wrap',
justifyContent: 'space-between', justifyContent: 'space-between',
gap: theme.spacing(2, 4), gap: theme.spacing(2, 4),
alignItems: 'start',
})); }));
const TrafficInfoBoxes = styled('div')(({ theme }) => ({ const TrafficInfoBoxes = styled('div')(({ theme }) => ({