Fixed link hooks

diff --git a/resources/assets/sass/styles.scss b/resources/assets/sass/styles.scss
index 9667eab036f15c0e874add5ea8834f32eec632bd..1704bc2cd72b32b67358d6d78c915d7dd8b95622 100644 (file)
--- a/resources/assets/sass/styles.scss
+++ b/resources/assets/sass/styles.scss
@@ -241,15 +241,23 @@ a.link-hook {
   position: absolute;
   display: inline-block;
   top: $-xs;
-  left: -$-xl+2px;
+  left: -$-l;
+  padding-bottom: 30px;
   font-size: 20px;
   line-height: 20px;
   color: #BBB;
   opacity: 0;
+  transform: translate3d(10px, 0, 0);
+  transition: all ease-in-out 240ms;
+  background-color: transparent;
+  &:hover {
+    color: $primary;
+  }
 }
 h1, h2, h3, h4, h5, h6 {
   &:hover a.link-hook {
     opacity: 1;
+    transform: translate3d(0, 0, 0);
   }
 }
 

diff --git a/resources/views/pages/show.blade.php b/resources/views/pages/show.blade.php
index 67ca4c61681e100f6f176e52a6cb54767a8c4f53..a57828b3bf3bee6a5f371ba1b50774a79c529cd5 100644 (file)
--- a/resources/views/pages/show.blade.php
+++ b/resources/views/pages/show.blade.php
@@ -74,7 +74,7 @@
             headers.each(function() {
                 var text = $(this).text().trim();
                 var link = '/link/' + pageId + '#' + encodeURIComponent(text);
-                var linkHook = $('<a class="link-hook"><i class="fa fa-link"></i></a>')
+                var linkHook = $('<a class="link-hook"><i class="zmdi zmdi-link"></i></a>')
                         .attr({"data-content": link, href: link, target: '_blank'});
                 linkHook.click(function(e) {
                     e.preventDefault();