hugo-book
Code Issues

mobile toc menu (#121)

Browse Source 
* 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
This commit is contained in:
tyler71
2020-01-13 08:44:24 -08:00
committed by Alex Shpak
parent d6290dcf50
commit e037b7c70f
5 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/docs/mobile-header.html
+3 -1
View File
@@ -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>