joshlaymon/Illustrations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update web/templates/search.html

Browse Source 
attempt at getting help button after search
This commit is contained in:
Joshua Laymon 2025-08-14 16:22:39 +00:00
parent f75aca7af6
commit 9f9915f270
1 changed files with 37 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/templates/search.html
View File

@ -41,16 +41,16 @@
</div> </div>
</div> </div>
<form method="get" class="search-form"> <form method="get" class="search-form">
<div class="search-row"> <div class="search-row">
<input type="text" name="q" value="{{ q }}" placeholder="Type to search…" class="search-input" autofocus> <input type="text" name="q" value="{{ q }}" placeholder="Type to search…" class="search-input" autofocus>
<button class="btn btn-primary">Search</button> <button class="btn btn-primary">Search</button>
</div>
<!-- Test Help Dropdown --> <!-- Help Button inline -->
<div class="search-help"> <div class="search-help-inline">
<button class="help-toggle" type="button" onclick="this.nextElementSibling.classList.toggle('open')"> <button class="btn btn-secondary help-toggle" type="button"
❓ Instructions for Use onclick="this.nextElementSibling.classList.toggle('open')">
Help
</button> </button>
<div class="help-content"> <div class="help-content">
<h3>How to Use Search Operators</h3> <h3>How to Use Search Operators</h3>
@ -76,6 +76,9 @@
<p><strong>Tip:</strong> You can combine these for powerful searches.<br> <p><strong>Tip:</strong> You can combine these for powerful searches.<br>
<em>Example:</em> <code>"good shepherd" OR "faithful servant" -parable</code></p> <em>Example:</em> <code>"good shepherd" OR "faithful servant" -parable</code></p>
</div> </div>
</div>
</div>
</form>
<div class="filter-row"> <div class="filter-row">