# HG changeset patch
# User Marcin Kuzminski <marcin@rhodecode.com>
# Date 2017-07-25 08:58:07
# Node ID 4c6e1090086aff5d5c99b023d3489dd10d5b3f43
# Parent  9d49c7f1e2d3e1868331da50a74b030c49bdd66a

clipboard-action: make the icon provide feedback when clicked.

diff --git a/rhodecode/public/css/main.less b/rhodecode/public/css/main.less
--- a/rhodecode/public/css/main.less
+++ b/rhodecode/public/css/main.less
@@ -100,6 +100,10 @@ input + .action-link, .action-link.first
 	color: @grey4;
 }
 
+.clipboard-action {
+  cursor: pointer;
+}
+
 ul.simple-list{
 	list-style: none;
 	margin: 0;
diff --git a/rhodecode/public/js/src/rhodecode.js b/rhodecode/public/js/src/rhodecode.js
--- a/rhodecode/public/js/src/rhodecode.js
+++ b/rhodecode/public/js/src/rhodecode.js
@@ -219,6 +219,10 @@ var clipboardActivate = function() {
     var clipboard = new Clipboard('.clipboard-action');
 
     clipboard.on('success', function(e) {
+        var callback = function () {
+            $(e.trigger).animate({'opacity': 1.00}, 200)
+        };
+        $(e.trigger).animate({'opacity': 0.15}, 200, callback);
         e.clearSelection();
     });
 };