IE9 checkbox is ugly about tacit HOT 8 CLOSED

@jehna do you know how to fix this?

from tacit.

@yegor256 no out-of-the-box idea

from tacit.

Remove input[type='checkbox'] { margin-top: .45 * $em; }

Doesn't seem to break things in Chrome. Fixes IE. Didn't check Firefox, but you can also use a @-moz-document declaration for Firefox if it breaks in Firefox.

It's also not centered in IE10 due to the margin.

I believe size issue can be fixed by removing the padding on input[type='checkbox'] which is set by being applied to all input types...not tested, going off memory for that one.

from tacit.

@filfreire where we are with his?

from tacit.

@yegor256

Currently on IE9

The centering issue is fixed currently on Tacit 1.2.8.
But, the size doesn't seem so. I've been searching and I believe we can try and workaround size with css scale:

 -ms-transform: scale(2); /* IE */

Source

In comparison to other IE browsers:
On IE11 (latest IE aside from Edge)

On Edge 41

from tacit.

@jehna closing this issue since it's half resolved. Created issue #183 to follow-up on fixing the size of the checkbox.

from tacit.

Job gh:yegor256/tacit#13 is not assigned, can't get performer

from tacit.

This job is not in scope

from tacit.