Add sidebar search and support for search bar middle clicking

This commit is contained in:
Myst(MysterialPy)
2022-03-09 12:26:12 +10:00
committed by GitHub
parent 1a73444275
commit 68b0759637
3 changed files with 44 additions and 2 deletions

View File

@ -90,10 +90,10 @@
<option value="{{ pathto(p + '/index')|e }}" {% if pagename is prefixedwith p %}selected{% endif %}>{{ ext }}</option>
{%- endfor %}
</select>
<form role="search" class="search" action="{{ pathto('search') }}" method="get">
<form id="search-form" role="search" class="search" action="{{ pathto('search') }}" method="get">
<div class="search-wrapper">
<input type="search" name="q" placeholder="{{ _('Search documentation') }}" />
<button type="submit">
<button type="submit" onmousedown="searchBarClick(event, document.getElementById('search-form'));">
<span class="material-icons">search</span>
</button>
</div>
@ -111,6 +111,14 @@
<span class="material-icons">settings</span>
</span>
<div id="sidebar">
<form id="sidebar-form" role="search" class="search" action="{{ pathto('search') }}" method="get">
<div class="search-wrapper search-sidebar">
<input type="search" name="q" placeholder="{{ _('Search documentation') }}" />
<button type="submit" onmousedown="searchBarClick(event, document.getElementById('sidebar-form'));">
<span class="material-icons">search</span>
</button>
</div>
</form>
{%- include "localtoc.html" %}
</div>
</aside>