diff --git a/css/glowingbear.css b/css/glowingbear.css index 3bbbf6a..1aac1f8 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -704,7 +704,14 @@ li.buffer.indent.private a { border-radius: 3px; padding: 10px 15px; z-index: 100; - animation: fadein 0.5s, fadeout 0.5s 4.5s; +} + +.toast-short { + animation: fadein 0.5s, fadeout 0.5s 4.5s; +} + +.toast-long { + animation: fadein 0.5s, fadeout 0.5s 14.5s; } @keyframes fadein { diff --git a/js/inputbar.js b/js/inputbar.js index 3444fde..f84afac 100644 --- a/js/inputbar.js +++ b/js/inputbar.js @@ -283,7 +283,7 @@ weechat.directive('inputBar', function() { var deleteCallback = function () { // Image got sucessfully deleted. // Show toast with delete link - var toastDeleted = $compile('
Successfully deleted.
')($scope)[0]; + var toastDeleted = $compile('
Successfully deleted.
')($scope)[0]; document.body.appendChild(toastDeleted); setTimeout(function() { document.body.removeChild(toastDeleted); }, 5000); } @@ -363,7 +363,7 @@ weechat.directive('inputBar', function() { if (buffer.type === 'channel' && !is_online) { // show a toast that the user left var toast = document.createElement('div'); - toast.className = "toast"; + toast.className = "toast toast-short"; toast.innerHTML = nick + " has left the room"; document.body.appendChild(toast); setTimeout(function() { document.body.removeChild(toast); }, 5000); @@ -774,9 +774,9 @@ weechat.directive('inputBar', function() { } // Show toast with delete link - var toastImgur = $compile('
Image uploaded to Imgur. Delete?
')($scope)[0]; + var toastImgur = $compile('
Image uploaded to Imgur. Delete?
')($scope)[0]; document.body.appendChild(toastImgur); - setTimeout(function() { document.body.removeChild(toastImgur); }, 10000); + setTimeout(function() { document.body.removeChild(toastImgur); }, 15000); // Log the delete hash to the console in case the toast was missed. console.log('An image was uploaded to imgur, delete it with $scope.imgurDelete(\'' + deleteHash + '\')');