Skip to content
This repository has been archived by the owner on Aug 29, 2023. It is now read-only.

sidenav width varies #957

Closed
jlmagee opened this issue Dec 17, 2014 · 4 comments
Closed

sidenav width varies #957

jlmagee opened this issue Dec 17, 2014 · 4 comments

Comments

@jlmagee
Copy link

jlmagee commented Dec 17, 2014

css for md-sidenav specifies a width of 304 but when locked open it varies from low to mid 200s

makes it difficult to plan for format sizes, etc. I first noticed this on some WIP testing of my own but it happens on the material,angular.js site as well so it does not seem that I'd need to create an example.

on a related topic, once this is resolved, it might be handy to make the sidenav width some kind of configuration variable setting. It would be much less complicated that the new theming configuration :-)

Love all this stuff, by the way. thanks

@ThomasBurleson
Copy link
Contributor

no change expected.

@jlmagee
Copy link
Author

jlmagee commented Jan 6, 2015

@ThomasBurleson so the current behavior of varying width depending on window width is the expected behavior??

@ThomasBurleson
Copy link
Contributor

@jlmagee - I better understand the question now. Let me reopen and escalate to the UX team.

@robertmesserle
Copy link
Contributor

@ThomasBurleson This is an issue with flexbox. A workaround is to set a min and max width of the desired width. Example:

md-sidenav {
  min-width: 304px;
  max-width: 304px;
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants