Wikiki / bulma-checkradio

Bulma's extension to display better checkbox and radio imputs
MIT License
71 stars 43 forks source link

Radio button misalignment #7

Closed Markus-ipse closed 6 years ago

Markus-ipse commented 6 years ago

The little highlight that indicates that a radio button is selected is not completely centered. I think it might be due to some odd pixel rounding when it comes to its top and left position.

image

My screen resolution and scaling, if it helps: image

Wikiki commented 6 years ago

Hi @Markus-ipse ,

It should be fixed.

Regards,

Markus-ipse commented 6 years ago

It turns out there's still some slight alignment issues on small and medium image

I think it's due to rounding errors, so I tried a different solution. Instead of setting the size of the ::after element with the mixin, I just use a transform: scale(0.5) on it instead. It seem to have solved the issue and it allowed me override less attributes for each size.

I created a PR (#8) with my changes if you are interested 🙂