-
Notifications
You must be signed in to change notification settings - Fork 3.4k
fix(checkbox): update CSS to match spec #8713
Conversation
Part of #8209 |
1decfdd
to
69169d6
Compare
a820435
to
3610828
Compare
8aeb8e8
to
6d3c4f1
Compare
6d3c4f1
to
e240126
Compare
1153247
to
2ab3aee
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM as these are just styling changes to better align with the spec.
My guess is that the Google presubmit tests will break due to finicky screenshot tests. But let's give it a shot as see how it goes. |
I really like the changes here, but unfortunately this failed the presubmit process due to the following “won’t be able to be merged since it breaks a lot of screendiffs (lots of changes in padding)“. So this is currently on hold until we can determine if it is possible to move forward without requiring all of the screenshot tests within Google to pass. |
Updating: this causes around 80 different test failures for Google apps; it's unlikely we can merge it |
Checkbox did not support a11y minimum touch target and the box was larger than spec - Change checkbox size from 20px to 18px - Keep horizontal size flush when text is blank - Add md-dense support for checkbox - Add inline alignment math to SCSS - Increase size of md-checkbox to properly support touch - Add demo for md-dense support Fixes #9351. Fixes #9927. Closes #8713.
Checkbox did not support a11y minimum touch target and the box was larger than spec. - Change checkbox size from 20px to 18px - Keep horizontal size flush when text is blank - Add md-dense support for checkbox - Add inline alignment math to SCSS - Increase size of md-checkbox to properly support touch - Add demo for md-dense support Fixes #9351. Fixes #9927. Closes #8713. BREAKING CHANGE: The default size and spacing for `md-checkbox` has been updated to align with the Material Design specification. Additionally, many new Sass variables have been added for customizing the size and spacing of `md-checkbox`. The `md-dense` class is now supported. After updating to this version, you may need to adjust the layout of your app due to the larger touch-friendly size of checkbox. You may also want to make use of `md-dense` in cases where space is limited.
Checkbox did not support a11y minimum touch target and the box was larger than spec. - Change checkbox size from 20px to 18px - Keep horizontal size flush when text is blank - Add md-dense support for checkbox - Add inline alignment math to SCSS - Increase size of md-checkbox to properly support touch - Add demo for md-dense support Fixes #9351. Fixes #9927. Closes #8713. BREAKING CHANGE: The default size and spacing for `md-checkbox` has been updated to align with the Material Design specification. Additionally, many new Sass variables have been added for customizing the size and spacing of `md-checkbox`. The `md-dense` class is now supported. After updating to this version, you may need to adjust the layout of your app due to the larger touch-friendly size of checkbox. You may also want to make use of `md-dense` in cases where space is limited.
Checkbox did not support a11y minimum touch target and the box was
larger than spec
Fixes #9351, #9927