vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix animation reset in Firefox

Browse source
This commit is contained in:
Joseph Schorr 2013-10-22 00:40:33 -04:00
parent 0c979cd79f
commit 7884fef5f3
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/css/quay.css
View file

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

4
static/js/controllers.js
View file

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