reanimator/chart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(viewer): merge filter row into table header using placeholder text

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mikhail Chusavitin
2026-06-19 14:41:31 +03:00
parent 8105c7ec08
commit c94ae04fea
2 changed files with 31 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/static/view.css
View File

@@ -289,6 +289,10 @@ body {
border-top: 0;
}
.data-table thead th:has(.col-filter) {
padding: 6px 10px;
}
.kv-table th {
width: 1%;
}
@@ -335,29 +339,40 @@ body {
color: var(--muted);
}
.filter-row th {
background: var(--surface-2);
padding: 5px 8px;
border-top: 1px solid var(--border-lite);
}
.col-filter-text {
width: 100%;
min-width: 40px;
border: 1px solid var(--border);
border: 1px solid transparent;
border-radius: 3px;
padding: 4px 6px;
padding: 2px 4px;
font: inherit;
font-size: 12px;
background: var(--surface);
font-size: inherit;
font-weight: 700;
background: transparent;
color: var(--ink);
}
.col-filter-text:focus-visible {
.col-filter-text::placeholder {
color: var(--ink);
opacity: 1;
font-weight: 700;
}
.col-filter-text:focus-visible,
.col-filter-text:hover {
border-color: var(--border);
background: var(--surface);
font-weight: 400;
outline: 2px solid var(--accent);
outline-offset: 1px;
}
.col-filter-text:not(:placeholder-shown) {
border-color: var(--border);
background: var(--surface);
font-weight: 400;
}
.col-filter-select {
width: 100%;
min-width: 40px;