feat: barre de recherche epuree + barre flottante de resultats
CI / lint (push) Failing after 1s
CI / test (push) Has been skipped
CI / build (push) Has been skipped
CI / security (push) Failing after -7s

- Header: retire Aa/wd/.*, compteur 0/0, fleches nav (reste filtre + clear)
- Nouvelle barre flottante sticky en bas du content-area
- Style pill arrondi, fond semi-transparent, ombre legere
- Contient: compteur, nav prev/next, toggles Aa/wd/.*
- Apparait seulement quand des resultats sont affiches
- Disparait au clear ou retour dashboard
- Mobile: filtre + clear restent visibles
- IDs renommes rb-* pour eviter collisions
This commit is contained in:
2026-06-15 15:12:18 -04:00
parent 75a28da8d9
commit 1ce3a6d65c
3 changed files with 91 additions and 58 deletions
+10 -47
View File
@@ -294,31 +294,6 @@
autocomplete="off"
/>
<div class="search-actions">
<button
class="search-btn tog"
id="search-case-btn"
type="button"
title="Respecter la casse (Alt-C)"
>
Aa
</button>
<button
class="search-btn tog"
id="search-word-btn"
type="button"
title="Mot entier (Alt-W)"
>
wd
</button>
<button
class="search-btn tog"
id="search-regex-btn"
type="button"
title="Expression régulière (Alt-R)"
>
.*
</button>
<span class="search-sep"></span>
<button
class="search-btn icon-only"
id="search-filter-btn"
@@ -330,28 +305,6 @@
style="width: 14px; height: 14px"
></i>
</button>
<span class="search-sep"></span>
<span
class="search-count"
id="search-match-count"
>0/0</span
>
<button
class="search-btn icon-only"
id="search-prev-btn"
type="button"
title="Résultat précédent"
>
&#8593;
</button>
<button
class="search-btn icon-only"
id="search-next-btn"
type="button"
title="Résultat suivant"
>
&#8595;
</button>
<button
class="search-btn icon-only"
id="search-clear-btn"
@@ -1176,6 +1129,16 @@
</div>
</div>
</div>
<!-- Floating results bar -->
<div class="results-bar" id="results-bar" style="display:none">
<span class="results-bar-count" id="rb-count">0/0</span>
<button class="results-bar-btn" id="rb-prev" title="Resultat precedent" aria-label="Precedent">&#8593;</button>
<button class="results-bar-btn" id="rb-next" title="Resultat suivant" aria-label="Suivant">&#8595;</button>
<span class="results-bar-sep"></span>
<button class="results-bar-btn tog" id="rb-case" title="Respecter la casse (Alt-C)">Aa</button>
<button class="results-bar-btn tog" id="rb-word" title="Mot entier (Alt-W)">wd</button>
<button class="results-bar-btn tog" id="rb-regex" title="Expression reguliere (Alt-R)">.*</button>
</div>
</main>
</div>
<!-- /content-wrapper -->