MdCheckbox does have different size then in Material docs

[palpatine1991]

Bug, feature request, or proposal:

MdCheckbox component have different size then in the Material documentation. I found this issue when I was comparing Material2 checkbox and material-components-web checkbox.

What is the expected behavior?

I am expecting MdCheckbox to have the same sizing as is in documentation: https://material.io/guidelines/components/selection-controls.html#selection-controls-checkbox which is 18px.

I believe that this mistake/decision was made to unify the size with MdRadio which is 20px wide.

What is the current behavior?

Current MdCheckbox have 20px.

What is the use-case or motivation for changing an existing behavior?

20px checkbox looks too huge. Also this library should follow the documentation.

[donroyco]

Where in the docs is it stated that it should be 18px? I don't see a writeup of exactly that number.

[palpatine1991]

The exact sizing is not included in material guidelines by word but there are images of the checkbox and all of them are of the size of 18px.

https://material.io/components/ in here they say that they are implementing the pixel-perfect implementation of the spec. And I believe that following that rule may help to keep the consistency of all material design libraries across the internet.

[jelbourn]

Would need to confirm the different. Our checkbox was originally written by someone on the Material Design team, so I'd be surprised if it was off. If it is different, this would be a major breaking change that we might decide not to peruse.

[philip-firstorder]

I agree with the 18px size instead of 20px.

Also the:
$_mat-checkbox-ripple-radius: 25px,
$mat-radio-ripple-radius: 25px,
$mat-slide-toggle-ripple-radius: 23px;
should all be 24px, which means a total ripple size of 48px (guidelines).

This way it follows also the table guidelines (#9152) where the row height is 48px.

A checkmark of 18px will also better align with the label.

As opposed to the 20px checkbox that we have now, where clearly the bottom is offset.

I think the intention of the designer was to align the check sign in the middle of the Checkbox with the label text, including for the Radio (note that radio is not normally used in Tables so it won't be an issue there).

[jelbourn]

This should be resolved as of v7