revert(viewer): restore separate filter row below header
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -289,10 +289,6 @@ body {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.data-table thead th:has(.col-filter) {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.kv-table th {
|
||||
width: 1%;
|
||||
}
|
||||
@@ -339,55 +335,29 @@ body {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.col-filter-wrap {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.col-filter-wrap > * {
|
||||
grid-area: 1 / 1;
|
||||
}
|
||||
|
||||
.col-filter-ghost {
|
||||
visibility: hidden;
|
||||
white-space: nowrap;
|
||||
font: inherit;
|
||||
pointer-events: none;
|
||||
padding: 2px 4px;
|
||||
.filter-row th {
|
||||
background: var(--surface-2);
|
||||
padding: 5px 8px;
|
||||
border-top: 1px solid var(--border-lite);
|
||||
}
|
||||
|
||||
.col-filter-text {
|
||||
width: 100%;
|
||||
border: 1px solid transparent;
|
||||
min-width: 40px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 3px;
|
||||
padding: 2px 4px;
|
||||
padding: 4px 6px;
|
||||
font: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: 700;
|
||||
background: transparent;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.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);
|
||||
font-size: 12px;
|
||||
background: var(--surface);
|
||||
font-weight: 400;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.col-filter-text:focus-visible {
|
||||
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;
|
||||
|
||||
Reference in New Issue
Block a user