feat: refactorer la recherche avec modale moderne, pills interactives Notes/Tags/All, résultats avec badges kind et tags inline, chips de filtrage avec bouton close, layout responsive mobile optimisé, et simplification majeure du CSS avec suppression de 2500+ lignes de styles obsolètes (content-container, toolbar, pagination, link cards, compact table, etc.)

This commit is contained in:
2026-02-20 09:51:06 -05:00
parent 1ea13ff16b
commit 83d9a7425e
4 changed files with 266 additions and 2664 deletions
+7 -1
View File
@@ -267,11 +267,15 @@ Bookmarklet detection logic
<input type="text" name="searchterm" class="search-modal-input" id="search-modal-input"
placeholder="Type to search..." autocomplete="off" value="{if="isset($search_term)"}{$search_term}{/if}">
<div class="search-modal-actions">
<button type="button" class="search-pill-btn search-pill-notes" id="search-notes-btn" aria-pressed="false">
<i class="mdi mdi-note-text-outline"></i>
<span>notes</span>
</button>
<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-pill-btn search-pill-search active" id="search-all-btn">
<button type="button" class="search-pill-btn search-pill-search active" id="search-all-btn" aria-pressed="true">
<i class="mdi mdi-magnify"></i>
<span>search</span>
</button>
@@ -286,7 +290,9 @@ Bookmarklet detection logic
</div>
<div class="search-footer">
<span class="search-footer-hint">
<kbd class="search-kbd">S</kbd> global
<kbd class="search-kbd">T</kbd> tags
<kbd class="search-kbd">N</kbd> notes
<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