christian/status-indicators
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Key editor: folded hold and say lines, one-line check rows that unfold, stacked fields, inputs never overflow the card

Browse Source 
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
christian
2026-10-14 18:41:14 -04:00
co-authored by Claude Fable 5.1
parent af4a1ea810
commit c4820800b4
2 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
settings/ui/style.css
+11
View File
@@ -124,3 +124,14 @@ details.script textarea { width: 100%; font-size: .8rem; }
.top { flex-wrap: wrap; gap: 6px; } .nav { order: 3; width: 100%; justify-content: space-between; margin: 0; } .nav a { padding: 4px 4px; } #search { max-width: none; margin-left: 0; }
main { padding: 12px 14px 40px; } .brand .muted { display: none; }
}
/* the key editor: a narrow column that never overflows; checks fold */
.field > * { min-width: 0; } .field input, .field select, .field textarea { max-width: 100%; }
.keycols { grid-template-columns: minmax(0, 620px) minmax(300px, 1fr); }
.keycard .field { grid-template-columns: minmax(90px, 130px) minmax(0, 1fr); }
.chk { border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px; margin: 6px 0; background: var(--bg); }
.chk > summary { list-style: none; cursor: pointer; display: flex; gap: 6px; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--fg); }
.chk > summary::-webkit-details-marker { display: none; } .chk > summary::before { content: "▸"; color: var(--muted); font-size: .8rem; } .chk[open] > summary::before { content: "▾"; }
.chk > summary .muted { overflow: hidden; text-overflow: ellipsis; }
.chkbody { margin-top: 6px; } .chkbody .field { grid-template-columns: 1fr; gap: 2px; margin: 4px 0; }
.fold { margin: 4px 0; } .fold > summary { color: var(--fg); }
.checks { margin-top: 8px; }