feat: barre de recherche epuree + barre flottante de resultats
- 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:
+64
-3
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user