UX Improvements: Close TOC when navigating.

assets/book-header.js

@@ -0,0 +1,18 @@
+(function () {
+  let tocLinks = document.querySelectorAll("#TableOfContents li");
+  let tocInput = document.getElementById("toc-control");
+  tocLinks.forEach(l =>
+    l.addEventListener("click",
+      () => tocInput.checked = false));
+})();
+(function () {
+  let menuLabel = document.querySelector("label[for='menu-control']");
+  let menuInput = document.getElementById("menu-control");
+  let tocInput = document.getElementById("toc-control");
+  menuLabel.addEventListener("click",
+    function () {
+      if (!menuInput.checked) {
+        tocInput.checked = false;
+      }
+    });
+})();

layouts/_default/baseof.html

@@ -21,6 +21,13 @@
 
       {{ partial "docs/inject/content-before" . }}
       {{ template "main" . }} <!-- Page Content -->
+
+      <!-- Improve .book-header usability on mobile devices -->
+      {{ $script := resources.Get "book-header.js" | resources.Minify }}
+      {{ with $script.Content }}
+        <script>{{ . | safeJS }}</script>
+      {{ end }}
+
       {{ partial "docs/inject/content-after" . }}
 
       <footer class="book-footer">