From: Dan Brown <redacted>
Date: Sat, 22 Sep 2018 13:55:33 +0000 (+0100)
Subject: Only show codeblock copy icon on hover
X-Git-Tag: v0.24.0~1^2~16^2~1
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/a441faf65cbe173f3b0de3b762262dd79438ebd7

Only show codeblock copy icon on hover

Fixes #980
---

diff --git a/resources/assets/js/services/code.js b/resources/assets/js/services/code.js
index de863e09f..7e43ab0c6 100644
--- a/resources/assets/js/services/code.js
+++ b/resources/assets/js/services/code.js
@@ -113,7 +113,7 @@ function addCopyIcon(cmInstance) {
         copyButton.classList.add('success');
         setTimeout(() => {
             copyButton.classList.remove('success');
-        }, 360);
+        }, 240);
     });
 }
 
diff --git a/resources/assets/sass/_codemirror.scss b/resources/assets/sass/_codemirror.scss
index 8fe4058cb..e3f7028eb 100644
--- a/resources/assets/sass/_codemirror.scss
+++ b/resources/assets/sass/_codemirror.scss
@@ -419,11 +419,12 @@ span.CodeMirror-selectedtext { background: none; }
   cursor: pointer;
   fill: #444;
   z-index: 5;
-  transition: all ease-in 180ms;
+  transition: all ease-in 240ms;
   user-select: none;
-  opacity: 0.7;
+  opacity: 0;
+  pointer-events: none;
   svg {
-    transition: transform ease-in 180ms;
+    transition: transform ease-in 240ms;
     transform: translateY(0);
   }
   &.success {
@@ -437,4 +438,5 @@ span.CodeMirror-selectedtext { background: none; }
 .CodeMirror:hover .CodeMirror-copy {
   user-select: all;
   opacity: 1;
+  pointer-events: all;
 }
\ No newline at end of file