Merge pull request docker#10287 from thaJeztah/add_back_anchorlinks

Re-enable "anchorlink" script

Author: usha-mandya

_layouts/docs.html

@@ -295,7 +295,7 @@ <h2>Next steps</h2>
 		hljs.initHighlightingOnLoad();
 	</script>
 	{% endif %}
-	<!-- <script src="/js/anchorlinks.js"></script> -->
+	<script defer src="/js/anchorlinks.js"></script>
 	<script defer src="/js/menu.js"></script>
 	<script src="/js/jquery.js"></script>
 	<script src="/js/bootstrap.min.js"></script>

_scss/_content.scss

@@ -116,10 +116,18 @@ pre code {
 }
 
 a.anchorLink {
+    font-size: 0.5em;
     margin-left: 5px;
     visibility: hidden;
 }
 
+h1:hover > a.anchorLink,
+h2:hover > a.anchorLink,
+h3:hover > a.anchorLink
+{
+    visibility: visible;
+}
+
 a.glossary {
     color: $body-text-color;
     text-decoration: none;

js/anchorlinks.js

@@ -1,11 +1,11 @@
 (function(d) {
 	"use strict";
-	var hs = d.getElementById("DocumentationText").querySelectorAll("H1, H2, H3"), h;
+	var hs = d.querySelectorAll("H1, H2, H3"), h;
 
 	for (var i = 0; i < hs.length; i++) {
 		h = hs[i];
 		if (h.id != null && h.id.length > 0) {
-			h.insertAdjacentHTML('beforeend', '<a href="' + window.location.href + '#' + h.id + '" class="anchorLink">¶</a>')
+			h.insertAdjacentHTML('beforeend', '<a href="' + window.location.href + '#' + h.id + '" class="anchorLink">🔗</a>')
 		}
 	}