How to overrides $euiCollapsibleNavWidth ?

[GautierT]

Hi,

I would like to have a bigger sidenavbar.
I was thinking that changing $euiCollapsibleNavWidth in my index.scss like this will work but no...

index.scss imported in index.js with import "./index.scss"

$euiCollapsibleNavWidth: 450px;

@import "@elastic/eui/src/theme_amsterdam_light.scss";

Just to verify my config, if i change $euiSize: 20px; it's working (but i don't want to change it).
but not when i change $euiCollapsibleNavWidth.

What should i do ?

Thanks.

[cchaos]

Thanks @GautierT , yep it looks like we forgot to add !default to all the collapsible nav variables. We got some other updates in the works for this component and will add this to the list. Or if you feel so inclined, feel free to make a PR!

[GautierT]

Thanks !

i don't really know sass so i didn't know about this. I just created a PR. I think it's the same problem for a lot of components !

Fixed by #4335