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

fix: get rid of horizontal scrollbar on narrow screens in CreateProjectDialog (#7198)

Browse Source 
This PR hides horizontal overflow in the dialog.

The pop-up docs that we have on small windows was causing a tiny bit of
overflow, giving us an annoying (and pretty useless) horizontal
scrollbar. We can hide that scrollbar by hiding horizontal overflow.
This commit is contained in:
Thomas Heartman 2024-05-29 08:55:11 +02:00 committed by GitHub
parent 0f3d93099d
commit 82d401be1b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/component/project/Project/CreateProject/NewCreateProjectForm/CreateProjectDialog.tsx
View File

@ -21,7 +21,7 @@ interface ICreateProjectDialogProps {
onClose: () => void; onClose: () => void;
} }
const StyledDialog = styled(Dialog)(({ theme, maxWidth }) => ({ const StyledDialog = styled(Dialog)(({ theme }) => ({
'& .MuiDialog-paper': { '& .MuiDialog-paper': {
borderRadius: theme.shape.borderRadiusLarge, borderRadius: theme.shape.borderRadiusLarge,
maxWidth: theme.spacing(170), maxWidth: theme.spacing(170),
@ -29,6 +29,9 @@ const StyledDialog = styled(Dialog)(({ theme, maxWidth }) => ({
backgroundColor: 'transparent', backgroundColor: 'transparent',
}, },
padding: 0, padding: 0,
'& .MuiPaper-root > section': {
overflowX: 'hidden',
},
})); }));
const CREATE_PROJECT_BTN = 'CREATE_PROJECT_BTN'; const CREATE_PROJECT_BTN = 'CREATE_PROJECT_BTN';