Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

toolbar compresses poorly #1892

Closed
bingomanatee opened this issue Oct 15, 2015 · 5 comments
Closed

toolbar compresses poorly #1892

bingomanatee opened this issue Oct 15, 2015 · 5 comments
Labels
component: Toolbar The React component.

Comments

@bingomanatee
Copy link

The material toolbar compresses poorly. it seems to me that either the gray background should enclose the flowed parts or the overflow should crop them.

@bingomanatee
Copy link
Author

material toolbar

@alitaheri alitaheri added the bug 🐛 Something doesn't work label Dec 9, 2015
@thelordoftheboards
Copy link
Contributor

The behavior is really interesting. Working with Chrome 49 on Mac, Material-UI 0.14.4, I can even create these:

image

image

@nathanmarks
Copy link
Member

Guys, of course this is going to happen when there are too many items on a toolbar to fit.

Toolbars are supposed to be bars, not multi-row containers. If you need multiple rows, all you need to do is modify the flex wrap CSS to allow wrapping (flex-wrap).

@nathanmarks nathanmarks removed the bug 🐛 Something doesn't work label Apr 4, 2016
@thelordoftheboards
Copy link
Contributor

Thank you for the suggestion, I will definitely try that!

@nathanmarks
Copy link
Member

@thelordoftheboards no problem!

mnajdova pushed a commit to mnajdova/material-ui that referenced this issue Nov 10, 2020
@zannager zannager added the component: Toolbar The React component. label Dec 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Toolbar The React component.
Projects
None yet
Development

No branches or pull requests

5 participants