Skip to content

'.no-shrink' class may be needed in flex utilities. #24403

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

Closed
ganesh-vellanki opened this issue Oct 17, 2017 · 1 comment
Closed

'.no-shrink' class may be needed in flex utilities. #24403

ganesh-vellanki opened this issue Oct 17, 2017 · 1 comment

Comments

@ganesh-vellanki
Copy link

In flex-box utilities need no-shrink class (in my opinion), this helps when someone want to shrink only one row in a page of multiple rows.

@iatek
Copy link
Contributor

iatek commented Mar 24, 2018

This would be a nice compliment to the .flex-fill class.

.flex-shrink {
    flex-shrink: 0;
}

I found it's necessary when using flex-column and flex-fill to grow 1 row in height, other rows get squished. Adding flex-shrink:0 to the other rows prevents this.

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

No branches or pull requests

4 participants