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

fix: fix status sidebar top padding (#8817)

Browse Source 
This PR improves handling of very narrow screens for the project status
header:
- Add a right margin so that it won't overlap with the close button.
- Make it so the icon in the header doesn't shrink.
This commit is contained in:
Thomas Heartman 2024-11-21 11:30:37 +01:00 committed by GitHub
parent 72fd087fbf
commit 52a456a759
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/project/Project/ProjectStatus/ProjectStatusModal.tsx
View File

@ -36,10 +36,12 @@ const HeaderRow = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
gap: theme.spacing(1.5), gap: theme.spacing(1.5),
marginInlineEnd: theme.spacing(5), // to account for the close button
})); }));
const StyledProjectStatusSvg = styled(ProjectStatusSvg)(({ theme }) => ({ const StyledProjectStatusSvg = styled(ProjectStatusSvg)(({ theme }) => ({
fill: theme.palette.primary.main, fill: theme.palette.primary.main,
flex: 'none',
})); }));
const ModalHeader = styled('h3')(({ theme }) => ({ const ModalHeader = styled('h3')(({ theme }) => ({