Projets/Shaarli_bm_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

search barre

Browse Source
This commit is contained in:
bruno
2026-01-13 20:53:39 -05:00
parent a9f3c009fc
commit 2da5ffcacc
3 changed files with 593 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shaarli-pro/page.header.html
+20 -9
View File
@@ -207,27 +207,38 @@
</div>
</header>
<!-- Search Overlay -->
<!-- Search Overlay (Spotlight Style) -->
<div class="search-overlay" id="search-overlay">
<div class="search-modal">
<form method="GET" action="{$base_path}/" id="search-form">
<div class="search-modal-header">
<i class="mdi mdi-magnify search-modal-icon"></i>
<input type="text" name="searchterm" class="search-modal-input" id="search-modal-input"
placeholder="Search..." autocomplete="off" value="{if="
placeholder="Type to search..." autocomplete="off" value="{if="
isset($search_term)"}{$search_term}{/if}">
<div class="search-modal-actions">
<button type="submit" name="searchtags" class="search-type-btn" id="search-tags-btn">
<i class="mdi mdi-tag"></i> tags
<button type="button" class="search-pill-btn search-pill-tags" id="search-tags-btn">
<i class="mdi mdi-tag-outline"></i>
<span>tags</span>
</button>
<button type="submit" class="search-type-btn active" id="search-all-btn">
<i class="mdi mdi-magnify"></i> search
<button type="submit" class="search-pill-btn search-pill-search active" id="search-all-btn">
<i class="mdi mdi-magnify"></i>
<span>search</span>
</button>
</div>
</div>
</form>
<div class="search-hint">
Press <kbd class="search-kbd">ESC</kbd> to close or <kbd class="search-kbd">Enter</kbd> to search
<div class="search-separator"></div>
<div class="search-results" id="search-results">
<div class="search-results-empty">
<span class="search-results-hint">Start typing to see suggestions...</span>
</div>
</div>
<div class="search-footer">
<span class="search-footer-hint">
<kbd class="search-kbd">↑</kbd><kbd class="search-kbd">↓</kbd> to navigate
<kbd class="search-kbd">Enter</kbd> to select
<kbd class="search-kbd">ESC</kbd> to close
</span>
</div>
</div>
</div>