#154, Add menu overlay over content to hide menu on click

This commit is contained in:
Alex Shpak 2020-02-27 22:58:15 +01:00
parent 352ceea411
commit a722f74fba
4 changed files with 13 additions and 2 deletions

View file

@ -324,6 +324,15 @@ aside nav,
.markdown {
opacity: 0.25;
}
.book-menu-overlay {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
#toc-control:checked + aside {

View file

@ -1 +1 @@
{"Target":"book.min.edc993575be58655f3e49634e3ca6db09cc38ac9aa03ecdbe81d941636e35273.css","MediaType":"text/css","Data":{"Integrity":"sha256-7cmTV1vlhlXz5JY048ptsJzDismqA+zb6B2UFjbjUnM="}}
{"Target":"book.min.33dd7934182d4abfe269db67d0d9821bdd866c149d8327944bc47573db5a4d82.css","MediaType":"text/css","Data":{"Integrity":"sha256-M915NBgtSr/iadtn0NmCG92GbBSdgyeUS8R1c9taTYI="}}

View file

@ -27,6 +27,8 @@
{{ template "comments" . }} <!-- Comments block -->
</footer>
{{ partial "docs/inject/footer" . }}
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
{{ if default true (default .Site.Params.BookToC .Params.BookToC) }}