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
+64 -3
View File
@@ -3081,12 +3081,11 @@ body.resizing-v {
height: 18px !important;
}
/* Mobile: hide advanced search toggles by default, show only clear */
/* Mobile: keep only filter + clear visible in header search */
.search-actions .tog,
.search-actions .icon-only:not(#search-clear-btn),
.search-actions .search-sep,
.search-actions .search-count { display: none; }
.search-actions { gap: 0; }
.search-actions { gap: 4px; }
.search-actions .search-btn#search-clear-btn { display: flex; }
.search-dropdown {
@@ -6687,6 +6686,68 @@ body.popup-mode .content-area {
}
.search-filter-input:focus { border-color: var(--accent); }
.search-filter-input::placeholder { color: var(--text-muted); }
/* ── Floating Results Bar ── */
.results-bar {
position: sticky;
bottom: 16px;
display: flex;
align-items: center;
gap: 2px;
margin: 0 auto;
padding: 6px 10px;
background: var(--bg-secondary);
border: 1px solid var(--border-md, var(--border));
border-radius: 10px;
box-shadow: 0 2px 16px rgba(0,0,0,0.35);
width: fit-content;
max-width: 95%;
z-index: 50;
backdrop-filter: blur(8px);
}
.results-bar-count {
font-size: 10px;
color: var(--text-muted);
font-family: var(--mono);
white-space: nowrap;
min-width: 28px;
text-align: center;
padding: 0 4px;
}
.results-bar-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border: 1px solid transparent;
border-radius: 4px;
background: transparent;
color: var(--text-secondary);
cursor: pointer;
font-size: 12px;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.results-bar-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
.results-bar-btn.tog {
font-family: var(--mono);
font-size: 10px;
font-weight: 600;
width: auto;
padding: 2px 5px;
}
.results-bar-btn.tog.active {
color: var(--accent);
border-color: var(--accent);
background: rgba(99,102,241,0.12);
}
.results-bar-sep {
width: 1px;
height: 16px;
background: var(--border);
margin: 0 6px;
align-self: center;
}
.search-replace-btn {
padding: 4px 10px;
font-size: 11px;