comment out transform declarations

[gingersnapp]

What

Removing transform declarations from Cleanslate

Why

Cleanslate's transform: none !important is overriding the typing indicator animation keyframe transform declarations.

Heres part of the CSS animation that makes the typing indicator bounce:

@keyframes wave {
  0%, 60%, 100% {
    transform: initial !important;
  }
  30% {
    transform: translateY(-3px) !important;
  }
  85% {
    transform: translateY(1px) !important;
  }
}

From MDN: "Declarations in a keyframe qualified with !important are ignored."

The animation is playing on all browsers (Chrome, IE11, Safari) except for Firefox. This is because most browsers allow animations of properties that have been previously qualified with !important whereas Firefox does not allow animations of declarations previously qualified with !important

Testing

Test out the typing indicator in Firefox browser by chatting in and having the agent respond. Note that the animation is moving.