[Feature Request] Allow configuration of layout--fixed-drawer breakpoint

[dryror]

Currently the layout--fixed-drawer breakpoint is hard coded at 1024px. While this is better than the previous 850px, it is still too narrow for certain applications.

It would be nice to able to set this without having to go into the MDL code to change it.

Currently the sass variable $layout-screen-size-threshold doesn't have the !default modifier to allow it to be modified.

The breakpoint is also set in the layout.js file under MaterialLayout.prototype.Constant_.MAX_WIDTH. While it is possible to override this without touching the MDL code, it feels a bit hacky.

Adding the !default modifier to the sass variable and documenting that the js variable has to be changed as well could be a easy way to allow this option.

Just for reference, the Material Design website uses a breakpoint of 1479px for the fixed nav drawer.

[surma]

Layout needs to be brought in line in general with the adaptive UI break points. Thanks for the issue :)

[patrick-jones]

I want to chime in that this should definitely be configurable, not just raised from 1024. The spec doesn't mandate that everyone makes the drawer permanent at a specific width -- it recommends it as the default for desktop. Elsewhere, the spec emphasizes that "your app's structure should be influenced by the content and tasks you want to show your users". For some content-focused apps, a permanent drawer would be an unwelcome waste of space.

[traviskaufman]

closing; superseded by #4476 . Because the drawer will be broken out of an overarching "layout" component, it will no longer make assumptions about when it should be fixed vs. not.

We are still in the very early stages of v2 and are currently working towards an alpha. Our master branch is where all v2 work is happening if you are interested in keeping up with its progress. 😄