From f8e4d35c5f0734c15ebc5acbd7c983f2e00ee655 Mon Sep 17 00:00:00 2001
From: Misty Linville <mistyhacks@google.com>
Date: Sat, 18 Aug 2018 07:36:42 -0700
Subject: [PATCH] Add JS to linkify in-page H1-H6 (#9751)

---
 layouts/docs/baseof.html          | 17 +++++++++++++++++
 static/css/custom-jekyll/tags.css | 11 +++++++++++
 2 files changed, 28 insertions(+)

diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
index 90aa53a94bd25..0ddb3af7bb199 100644
--- a/layouts/docs/baseof.html
+++ b/layouts/docs/baseof.html
@@ -48,5 +48,22 @@
     </div>
 		{{ partialCached "footer.html" . }}
 		{{ partialCached "footer-scripts.html" . }}
+    <script>
+      // This script turns in-page headers into clickable and shareable
+      (function addHeadingLinks(){
+        var article = document.getElementById('docsContent');
+        var headings = article.querySelectorAll('h1, h2, h3, h4, h5, h6');
+        headings.forEach(function(heading){
+          if(heading.id){
+            var a = document.createElement('a');
+            a.text = heading.innerHTML;
+            a.href = '#'+heading.id;
+            a.classList.add('inpage_heading');
+            heading.innerHTML = '';
+            heading.appendChild(a);
+          }
+        });
+      })();
+    </script>
 	</body>
 </html>
\ No newline at end of file
diff --git a/static/css/custom-jekyll/tags.css b/static/css/custom-jekyll/tags.css
index c9b409091c48f..adc1bba6fc1bc 100644
--- a/static/css/custom-jekyll/tags.css
+++ b/static/css/custom-jekyll/tags.css
@@ -54,3 +54,14 @@
     visibility: visible;
     opacity: 1;
 }
+
+/* In-page section heading permalinks */
+a.inpage_heading {
+  color: #000;
+  text-decoration: none !important;
+}
+
+a.inpage_heading:hover {
+  text-decoration: underline !important;
+  opacity: .8;
+}