Commit 28a8d44b authored by jcaro's avatar jcaro Committed by Jordan CARO
Browse files

fix(UI) : Remove horizontal scroll on menu items (#11086)

* Add more width in menu and reduce padding left between  the collapse's Items

* Substitute scroolbar if text is too long by ellipsis style

* Remove overflow property

* test

* Re-add hidden on property overflox

* Add white-space property

* Remove property textOverflow / overflow
parent 4b5328f1
......@@ -49,7 +49,7 @@ interface StyleProps {
currentWidth: number;
}
const collapseWidth = 20.6;
const collapseWidth = 24;
const useStyles = makeStyles((theme) => ({
activated: {
......@@ -73,7 +73,7 @@ const useStyles = makeStyles((theme) => ({
root: {
'& .MuiListItemIcon-root': {
minWidth: theme.spacing(2.25),
padding: theme.spacing(0, 0.25, 0, 0.75),
padding: theme.spacing(0, 0.25, 0, 0.1),
},
'& .MuiTypography-root': {
color: theme.palette.text.primary,
......@@ -112,9 +112,9 @@ const useStyles = makeStyles((theme) => ({
collapseScrollMaxWidth
? theme.spacing(collapseScrollMaxWidth)
: theme.spacing(collapseWidth),
overflow: 'auto',
position: 'fixed',
top: ({ currentTop }: StyleProps): number | undefined => currentTop,
whiteSpace: 'normal',
width: theme.spacing(collapseWidth),
zIndex: theme.zIndex.mobileStepper,
},
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment