Fix animation reset in Firefox

static/css/quay.css

@@ -587,7 +587,9 @@ p.editable:hover i {
    color: white;
    padding: 6px;
    border-radius: 4px;
- 
+}
+
+.repo #clipboardCopied.animated { 
     -webkit-animation: fadeOut 4s ease-in-out 0s 1 forwards;
     -moz-animation: fadeOut 4s ease-in-out 0s 1 forwards;
     -ms-animation: fadeOut 4s ease-in-out 0s 1 forwards;

static/js/controllers.js

@@ -4,11 +4,13 @@ $.fn.clipboardCopy = function() {
     // Resets the animation.
     var elem = $('#clipboardCopied')[0];
     elem.style.display = 'none';
-      
+    elem.classList.remove('animated');
+
     // Show the notification.
     setTimeout(function() {
       elem.style.display = 'inline-block';
-    }, 1);
+      elem.classList.add('animated');
+    }, 10);
   });
 };