Fix playful tail wag animation

Fixes #3780

CHANGELOG.txt

@@ -11,6 +11,7 @@ Changelog
  * Fix: The Wagtail version number is now visible within the Settings menu (Kevin Howbrook)
  * Fix: Scaling images now rounds values to an integer so that images render without errors (Adrian Brunyate)
  * Fix: Revised test decorator to ensure TestPageEditHandlers test cases run correctly (Alex Tomkins)
+ * Fix: Wagtail bird animation in admin now ends correctly on all browsers (Deniz Dogan)
 
 
 2.5 (24.04.2019)

client/scss/components/_logo.scss

@@ -1,13 +1,3 @@
-@keyframes nod {
-    from {
-        transform: rotate(2deg);
-    }
-
-    to {
-        transform: rotate(8deg);
-    }
-}
-
 @keyframes tail-wag {
     from {
         transform: rotate(-3deg);
@@ -84,7 +74,8 @@
     // Wagtail 'playful' animation (tail-wag, triggered by JS in base.html):
     &.logo-playful {
         &:hover {
-            animation: nod 1.2s forwards;
+            transform: rotate(8deg);
+            transition: transform 1.2s ease;
 
             .wagtail-logo {
                 // stylelint-disable max-nesting-depth

docs/releases/2.6.rst

@@ -25,6 +25,7 @@ Bug fixes
  * The Wagtail version number is now visible within the Settings menu (Kevin Howbrook)
  * Scaling images now rounds values to an integer so that images render without errors (Adrian Brunyate)
  * Revised test decorator to ensure TestPageEditHandlers test cases run correctly (Alex Tomkins)
+ * Wagtail bird animation in admin now ends correctly on all browsers (Deniz Dogan)
 
 
 Upgrade considerations