drgullin / icheck

Highly customizable checkboxes and radio buttons (jQuery & Zepto)
http://fronteed.com/iCheck
7.38k stars 1.62k forks source link

Responsive checkboxes/radiobuttons #84

Open RichardOtvos opened 11 years ago

RichardOtvos commented 11 years ago

Hi! So I think one of the reasons this plugin is so great is that it has so many skins available. What I would like to see, is to have one that behaves responsively, and shrinks/grows the dimensions of the checkbox/radiobutton as the form itself re-sizes.

I think a good first step would be a new minimalist responsive skin, that would really add to the usefulness of this plugin. I try to create it this week, but if you have time, and can do it faster, feel free to do it, just please let me know.

benjamincharity commented 11 years ago

Hey @RichardOtvos, how do you see this working? It seems that a form checkbox/radio should be sized to match the text/labels rather than the containing element. And without a javascript solution we cannot fluidly resize our text with the window.

If you just mean that at certain breakpoints your media queries resize your text, then you can resize the checkboxes at the same time within that media query. If you are using any of the default themes you will need to do some work on the images since they will lose quality when resized.

Personally, I am using my own SVG assets and falling back to PNG for browsers without SVG support.