From e037b7c70f3800a2cd38715ca31cd4cdca71c96e Mon Sep 17 00:00:00 2001
From: tyler71 <4926565+tyler71@users.noreply.github.com>
Date: Mon, 13 Jan 2020 08:44:24 -0800
Subject: mobile toc menu (#121)

* Implement TOC for mobile
* Uses Page title as label
* Label entries so that tapping TOC will hide menu
* Switch to medium breakpoint
* Correct tos -> toc
* toc-menu-control -> toc-control
---
 layouts/partials/docs/menu.html          | 2 +-
 layouts/partials/docs/mobile-header.html | 4 +++-
 layouts/partials/docs/toc.html           | 6 +++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'layouts/partials')

diff --git a/layouts/partials/docs/menu.html b/layouts/partials/docs/menu.html
index 6a72ac9..6e41096 100644
--- a/layouts/partials/docs/menu.html
+++ b/layouts/partials/docs/menu.html
@@ -1,4 +1,4 @@
-<nav>
+<nav id="BookMenu">
 {{ partial "docs/brand" . }}
 {{ partial "docs/search" . }}
 {{ partial "docs/inject/menu-before" . }}
diff --git a/layouts/partials/docs/mobile-header.html b/layouts/partials/docs/mobile-header.html
index b69f58c..4212a8e 100644
--- a/layouts/partials/docs/mobile-header.html
+++ b/layouts/partials/docs/mobile-header.html
@@ -1,6 +1,8 @@
 <header class="flex align-center justify-between book-header">
-  <label for="menu-control">
+  <label id="menu-control" for="menu-control">
     <img src="{{ "svg/menu.svg" | relURL }}" class="book-icon" alt="Menu" />
   </label>
+  <label id="toc-control" for="toc-control">
   <strong>{{ partial "docs/title" . }}</strong>
+  </label>
 </header>
diff --git a/layouts/partials/docs/toc.html b/layouts/partials/docs/toc.html
index 256a370..79bfc0a 100644
--- a/layouts/partials/docs/toc.html
+++ b/layouts/partials/docs/toc.html
@@ -1,6 +1,10 @@
 {{ $tocLevels := default (default 6 .Site.Params.BookToC) .Params.BookToC }}
 {{ if and $tocLevels .Page.TableOfContents }}
   <aside class="book-toc levels-{{$tocLevels}} fixed">
-    {{ .Page.TableOfContents }}
+    {{ with .Page.TableOfContents }}
+    <label id="toc-control" for="toc-control">
+    {{ . }}
+    </label>
+    {{ end }}
   </aside>
 {{ end }}
-- 
cgit v1.2.3