diff options
| author | Adam Soltys <[email protected]> | 2026-08-15 14:06:54 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-15 14:06:54 -0700 |
| commit | 97e11aa254354801e20fc6da0aa7693d7558209d (patch) | |
| tree | 8381ba9805fad2ce5835a01e8c105495b0dce8f7 /src/features | |
| parent | 9d324e1ca57a5a25b286f4b7172763411342bfc1 (diff) | |
| download | coinosv3-97e11aa254354801e20fc6da0aa7693d7558209d.tar.gz coinosv3-97e11aa254354801e20fc6da0aa7693d7558209d.zip | |
The thread focus marker learns subtlety: a soft tint on the reply you jumped to, nothing on the root — no more mystery black bar
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_014tE4U5nEjGTQy8PwYqamfv
Diffstat (limited to 'src/features')
| -rw-r--r-- | src/features/messages.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index c8f2792..4c3a8e1 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -1191,7 +1191,7 @@ export function messagesFeature(ctx) { class: 'row', style: 'gap:10px;align-items:flex-start;padding:10px 0' + (open ? ';cursor:pointer' : '') - + (focus ? ';box-shadow:inset 3px 0 0 var(--accent,#7c3aed);padding-left:8px;margin-left:-8px' : ''), + + (focus ? ';background:var(--accent-soft,rgba(128,128,128,.08));border-radius:8px;padding-left:8px;padding-right:8px;margin:0 -8px' : ''), // closest('button') guard: on touch, a ⚡ tap must never double as a // row tap even if propagation quirks let the click reach us onClick: open ? (e) => { if (e.target && e.target.closest && e.target.closest('button')) return; openNoteThread(ev); } : undefined, @@ -1279,7 +1279,7 @@ export function messagesFeature(ctx) { function threadScreen() { const s = ui.noteThread; const c = threadFor(s.seed); - const row = (ev) => noteRow(ev.pubkey, ev, displayName(ev.pubkey), { open: false, focus: ev.id === s.focusId && c.replies.length > 0 }); + const row = (ev) => noteRow(ev.pubkey, ev, displayName(ev.pubkey), { open: false, focus: ev.id === s.focusId && ev.id !== c.rootId }); return h('div', { class: 'col', style: 'gap:16px' }, ctx.brandHeader(false), h('div', { class: 'card col', style: 'gap:0;padding:2px 14px' }, |