fix: icone type distinct + position a droite dans les recherches sauvegardees
CI / lint (push) Failing after 5s
CI / test (push) Has been skipped
CI / build (push) Has been skipped
CI / security (push) Failing after -3s

- Recherche classique: icone search (loupe) grise a droite
- Recherche repertoire: icone folder-search bleue a droite
- Icones dans .saved-search-meta, poussees a droite via margin-left:auto
- Les badges/vault restent a gauche dans .saved-search-badges
This commit is contained in:
2026-06-15 16:51:49 -04:00
parent 1116957c19
commit 2c7b8b525a
3 changed files with 26 additions and 8 deletions
+6 -4
View File
@@ -335,7 +335,9 @@ async function loadSavedSearches() {
list.innerHTML = searches.map(s => {
var isDirSearch = (!s.query || s.query.trim() === '') && s.include_paths;
var displayQuery = isDirSearch ? (s.include_paths || 'Dossier') : escapeHtml(s.query);
var dirIcon = isDirSearch ? '<i data-lucide="folder-search" style="width:14px;height:14px;margin-right:4px;color:var(--accent)"></i>' : '';
var typeIcon = isDirSearch
? '<i data-lucide="folder-search" style="width:14px;height:14px;color:var(--accent)" class="saved-search-type-icon"></i>'
: '<i data-lucide="search" style="width:14px;height:14px;color:var(--text-muted)" class="saved-search-type-icon"></i>';
const badges = [];
if (s.case_sensitive) badges.push('<span class="search-filter-badge">Aa</span>');
if (s.whole_word) badges.push('<span class="search-filter-badge">wd</span>');
@@ -346,10 +348,10 @@ async function loadSavedSearches() {
const vaultStr = s.vault && s.vault !== "all" ? `<span class="saved-search-vault">\u{1F4C1} ${escapeHtml(s.vault)}</span>` : "";
return `
<div class="saved-search-item${isDirSearch ? ' saved-search-dir' : ''}">
<div class="saved-search-query">${dirIcon}${displayQuery}</div>
<div class="saved-search-query">${displayQuery}</div>
<div class="saved-search-meta">
${badges.join("")}
${vaultStr}
<span class="saved-search-badges">${badges.join("")} ${vaultStr}</span>
${typeIcon}
</div>
${pathFilters.length ? '<div class="saved-search-filters">' + pathFilters.join(" ") + '</div>' : ""}
<button class="saved-search-delete" data-id="${s.id}" title="Supprimer"><E2><9C><95></button>
+7 -4
View File
@@ -1041,7 +1041,10 @@ export async function loadSavedSearches() {
// Detect directory-based saved search (empty query + include_paths)
var isDirSearch = (!s.query || s.query.trim() === '') && s.include_paths;
var displayQuery = isDirSearch ? (s.include_paths || 'Dossier') : escapeHtml(s.query);
var dirIcon = isDirSearch ? '<i data-lucide="folder-search" style="width:14px;height:14px;margin-right:4px;color:var(--accent)"></i>' : '';
// Icon: folder-search for directories, search for regular queries
var typeIcon = isDirSearch
? '<i data-lucide="folder-search" style="width:14px;height:14px;color:var(--accent)" class="saved-search-type-icon"></i>'
: '<i data-lucide="search" style="width:14px;height:14px;color:var(--text-muted)" class="saved-search-type-icon"></i>';
const badges = [];
if (s.case_sensitive) badges.push('<span class="search-filter-badge">Aa</span>');
if (s.whole_word) badges.push('<span class="search-filter-badge">wd</span>');
@@ -1052,10 +1055,10 @@ export async function loadSavedSearches() {
const vaultStr = s.vault && s.vault !== "all" ? `<span class="saved-search-vault">📁 ${escapeHtml(s.vault)}</span>` : "";
return `
<div class="saved-search-item${isDirSearch ? ' saved-search-dir' : ''}">
<div class="saved-search-query">${dirIcon}${displayQuery}</div>
<div class="saved-search-query">${displayQuery}</div>
<div class="saved-search-meta">
${badges.join("")}
${vaultStr}
<span class="saved-search-badges">${badges.join("")} ${vaultStr}</span>
${typeIcon}
</div>
${pathFilters.length ? '<div class="saved-search-filters">' + pathFilters.join(" ") + '</div>' : ""}
<button class="saved-search-delete" data-id="${s.id}" title="Supprimer">✕</button>
+13
View File
@@ -2081,6 +2081,19 @@ select {
flex-wrap: wrap;
margin-bottom: 2px;
}
.saved-search-badges {
display: flex;
gap: 4px;
align-items: center;
flex-wrap: wrap;
flex: 1;
min-width: 0;
}
.saved-search-type-icon {
margin-left: auto;
flex-shrink: 0;
opacity: 0.6;
}
.saved-search-vault {
font-size: 0.65rem;
color: var(--text-muted);