Fix autodevops graphic gears spinning based on physics

Fix https://gitlab.com/gitlab-org/gitlab-ce/issues/39513

Fix autodevops graphic gears spinning based on physics
Fix https://gitlab.com/gitlab-org/gitlab-ce/issues/39513
e635d0b5 · Eric Eastwood · a1aa4f00 · e635d0b5 · e635d0b5
Commit e635d0b5 authored Oct 30, 2017 by Eric Eastwood
Showing with 8 additions and 3 deletions

app/assets/stylesheets/framework/animations.scss app/assets/stylesheets/framework/animations.scss +6 -1

app/views/shared/icons/_icon_autodevops.svg app/views/shared/icons/_icon_autodevops.svg +2 -2

No files found.
--- a/app/assets/stylesheets/framework/animations.scss
+++ b/app/assets/stylesheets/framework/animations.scss
@@ -23,11 +23,16 @@
    @include webkit-prefix(animation-duration, 2s);
  }

-  &.spin {
+  &.spin-cw {
    transform-origin: center;
    animation: spin 4s linear infinite;
  }

+  &.spin-ccw {
+    transform-origin: center;
+    animation: spin 4s linear infinite reverse;
+  }
+
  &.flipOutX,
  &.flipOutY,
  &.bounceIn,

--- a/app/views/shared/icons/_icon_autodevops.svg
+++ b/app/views/shared/icons/_icon_autodevops.svg