1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00

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

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

View File

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