Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 01:10:58 +01:00
Code Issues Releases Wiki Activity

Reset drawer and search upon back button invocation

Browse Source
This commit is contained in:
squidfunk 2018-03-21 20:21:49 +01:00
parent 65a67b290b
commit bdaf043039
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/base.html
View File

@ -91,8 +91,8 @@
{% endif %} {% endif %}
</defs> </defs>
</svg> </svg>
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="drawer"> <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="search"> <input class="md-toggle" data-md-toggle="search" type="checkbox" id="search" autocomplete="off">
<label class="md-overlay" data-md-component="overlay" for="drawer"></label> <label class="md-overlay" data-md-component="overlay" for="drawer"></label>
{% if page.toc | first is defined %} {% if page.toc | first is defined %}
<a href="{{ (page.toc | first).url }}" tabindex="1" class="md-skip"> <a href="{{ (page.toc | first).url }}" tabindex="1" class="md-skip">

9
src/base.html
View File

@ -180,11 +180,14 @@
</defs> </defs>
</svg> </svg>
<!-- State toggles --> <!--
State toggles - we need to set autocomplete="off" in order to reset the
drawer on back button invocation in some browsers
-->
<input class="md-toggle" data-md-toggle="drawer" <input class="md-toggle" data-md-toggle="drawer"
type="checkbox" id="drawer" /> type="checkbox" id="drawer" autocomplete="off" />
<input class="md-toggle" data-md-toggle="search" <input class="md-toggle" data-md-toggle="search"
type="checkbox" id="search" /> type="checkbox" id="search" autocomplete="off" />
<!-- Overlay for expanded drawer --> <!-- Overlay for expanded drawer -->
<label class="md-overlay" data-md-component="overlay" for="drawer"></label> <label class="md-overlay" data-md-component="overlay" for="drawer"></label>