Juan Cruz Viotti c6ef5edda3 fix(progressButton): spiky diagonal lines (#533) ...

The progress button exhibits spiky diagonals when used it with the
"striped" modifier. This can be seen better when drastically reducing the animation
speed.

Turns out its a Webkit rendering bug. I've stumbled into dozens of
"workarounds" on the internet (mainly Stack Overflow), however none of
them fixed the issue.

After some crazy amount of experimentation, the issue is gone if we add
1% to certain stop positions. Weird stuff.

Fixes: https://github.com/resin-io/etcher/issues/472
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>

2016-06-27 14:18:54 -04:00

..

main.css

fix(progressButton): spiky diagonal lines (#533)

2016-06-27 14:18:54 -04:00