feat(ui): live parse preview pills + description in list rows
Capture bar shows inline pills as you type — glyph, title, desc, tags, time, pin, card type. Textarea auto-grows on Shift+Enter. Preview clears on save. Entity list rows now show description.
This commit is contained in:
@@ -372,6 +372,17 @@ main {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.entity-desc {
|
||||
font-family: var(--mono);
|
||||
font-size: 10px;
|
||||
color: var(--dim);
|
||||
font-style: italic;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.entity-preview {
|
||||
font-family: var(--mono);
|
||||
font-size: 11px;
|
||||
@@ -617,6 +628,35 @@ main {
|
||||
transition: border-top-color var(--t-base);
|
||||
}
|
||||
|
||||
/* ── Capture preview ── */
|
||||
.cap-preview {
|
||||
display: none;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
padding: 8px 18px 0;
|
||||
}
|
||||
.cap-preview.visible { display: flex; }
|
||||
|
||||
.cap-pill {
|
||||
font-family: var(--mono);
|
||||
font-size: 10px;
|
||||
padding: 2px 7px;
|
||||
border-radius: var(--r2);
|
||||
border: 1px solid var(--border);
|
||||
color: var(--muted);
|
||||
background: var(--bg);
|
||||
letter-spacing: .02em;
|
||||
}
|
||||
|
||||
.cap-pill-glyph { color: var(--accent); border-color: rgba(200,148,42,.25); }
|
||||
.cap-pill-title { color: var(--text); }
|
||||
.cap-pill-desc { color: var(--muted); font-style: italic; }
|
||||
.cap-pill-tag { color: var(--lineage); border-color: rgba(98,134,100,.3); }
|
||||
.cap-pill-time { color: var(--event); border-color: rgba(104,152,200,.3); }
|
||||
.cap-pill-pin { color: var(--remind); border-color: rgba(200,120,74,.3); }
|
||||
.cap-pill-card { color: var(--accent); border-color: rgba(200,148,42,.25); }
|
||||
.cap-pill-query { color: var(--event); border-color: rgba(104,152,200,.3); }
|
||||
|
||||
#capture-bar:focus-within { border-top-color: rgba(200,148,42,.35); }
|
||||
|
||||
.cap-row {
|
||||
|
||||
Reference in New Issue
Block a user