feat(web): add search to Rules page

Filter sections by typing in the search box — matches against both
section titles and content. Shows result count and a "no results"
message. Expand/Collapse All buttons respect the filtered set.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bas van Rossem
2026-02-19 17:28:22 +01:00
parent 4de0b1cb2a
commit 69e53ed695
2 changed files with 52 additions and 5 deletions

View File

@@ -542,12 +542,34 @@ button:disabled {
}
/* Rules Page */
.rules-search {
width: 100%;
padding: var(--spacing-sm) var(--spacing-md);
margin-bottom: var(--spacing-sm);
border: 1px solid var(--color-border);
border-radius: var(--radius);
background: var(--color-surface);
color: var(--color-text);
font-size: 1rem;
}
.rules-search::placeholder {
color: var(--color-text-muted);
}
.rules-actions {
display: flex;
align-items: center;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-md);
}
.rules-count {
font-size: 0.85rem;
color: var(--color-text-muted);
margin-left: auto;
}
.rules-sections {
display: flex;
flex-direction: column;