Changing the size of the check in ion-checkbox turns tick into a square

Ionic Framework ionic-v3
1

Hi there,

I’m using the component, but I’m making the size of the box bigger. I’ve got the box made bigger using the Sass variable, but I also want to enlarge the check / tick as well.

I’ve used the following Sass variable:

 $checkbox-md-icon-checkmark-width: 26px;

And the tick has appeared like this:

image

I think there’s a bug in the way the tick is being drawn, any ideas?

2

That’s the thickness of the line used to draw the checkmark, not the overall size.

The latter is hardcoded for some reason…

(see the scss source)