Check in checkbox is tilted in iPhone about mdb-ui-kit HOT 11 CLOSED

Here is the screenshot.

from mdb-ui-kit.

I've not already tested it on mobile devices, probably adding some vendor prefix would fix it.

from mdb-ui-kit.

What do you mean vendor prefix? Sorry for asking about that.

from mdb-ui-kit.

for example a class like this:

.check {
    transform: rotate(90deg);
}

should become:

.check {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

from mdb-ui-kit.

This problem should be fixed with 8583cad, may you let me know?

from mdb-ui-kit.

The result is this.

from mdb-ui-kit.

at least something now rotates ;)

may you try to test this page on iphone?

http://codepen.io/FezVrasta/full/zpGve

does it looks okay?

from mdb-ui-kit.

It is now align with that link you provided. 👍

from mdb-ui-kit.

so is it fixed? Or just my link works?

The problem with iPhone specific troubles is that I can't really test them by myself, I've not an iPhone. Even for safari specific problems I had problems but I've installed a virtual machine to solve this..

from mdb-ui-kit.

Here is the screenshot. It is fixed for me i think 😄

from mdb-ui-kit.

I was just testing if the -webkit-transform: rotate() was working properly, seems so..

No idea why the rotation is not correct on iPhone, I should have an iPhone to test it with some debugging tool... unfortunately I've not one. Feel free anyone to try to fix it, I'm open to PRs.

from mdb-ui-kit.