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

How do you make a Checkbox dense? #9274

Closed
1 task done
zdrummond opened this issue Nov 22, 2017 · 1 comment
Closed
1 task done

How do you make a Checkbox dense? #9274

zdrummond opened this issue Nov 22, 2017 · 1 comment
Labels
component: list This is the name of the generic UI component, not the React module!

Comments

@zdrummond
Copy link

I have a List that must be tightly packed. When I apply dense to it, it works great and displays just as I want. However, when I add it seems to ignore the dense setting.

  • I have searched the issues of this repository and believe that this is not a duplicate.

I found this: #6098 but its a general observation and I am its not clear if this is a bug that will get fixed, or this is just how things work.

If its a bug, great, I'll wait for a fix. If it's not a bug, I would love a recommendation on how I can force the list to work as I was hoping.

Expected Behavior

That the row height would stay consistence no matter the controls used inside

Steps to Reproduce (for bugs)

Here is a code sandbox that demos it;
https://codesandbox.io/s/5kvvz6qw64

Context

I have a list I need to be make selections in, but needs to take up much less room.

Your Environment

Tech Version
Material-UI "material-ui": "^1.0.0-beta.21",
React "react": "^16.1.0"
browser Chrome 62.0.3202.94
@mbrookes mbrookes added the component: list This is the name of the generic UI component, not the React module! label Nov 22, 2017
@mbrookes
Copy link
Member

@zdrummond I would say this is a specific instance of #6098. It will only get fixed if someone steps in to fix it, so feel free to take it on. Ask on the other issue of you need help. I'll close this one as it's cross-referenced there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: list This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

2 participants