Circuit-Forge/peregrine
2
0
Fork 0
Code Issues 22 Pull requests 2 Projects Releases 6 Packages Wiki Activity Actions

fix(signals): add .stop modifiers and aria-labels to pre-list signal banner buttons

Browse source
This commit is contained in:
pyr0ball 2026-03-19 19:35:15 -07:00
parent 9de51d6b4a
commit e487942eeb
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/views/InterviewsView.vue
View file

@ -364,14 +364,17 @@ function daysSince(dateStr: string | null) {
<span class="signal-label">📧 <strong>{{ SIGNAL_META_PRE[sig.stage_signal]?.label?.replace('Move to ', '') ?? sig.stage_signal }}</strong></span> <span class="signal-label">📧 <strong>{{ SIGNAL_META_PRE[sig.stage_signal]?.label?.replace('Move to ', '') ?? sig.stage_signal }}</strong></span>
<span class="signal-subject">{{ sig.subject.slice(0, 60) }}{{ sig.subject.length > 60 ? '…' : '' }}</span> <span class="signal-subject">{{ sig.subject.slice(0, 60) }}{{ sig.subject.length > 60 ? '…' : '' }}</span>
<div class="signal-header-actions"> <div class="signal-header-actions">
<button class="btn-signal-read" @click="toggleBodyExpand(sig.id)"> <button class="btn-signal-read" @click.stop="toggleBodyExpand(sig.id)"
:aria-expanded="bodyExpandedMap[sig.id] ?? false"
:aria-label="(bodyExpandedMap[sig.id] ? 'Hide' : 'Read') + ' email body'">
{{ bodyExpandedMap[sig.id] ? '▾ Hide' : '▸ Read' }} {{ bodyExpandedMap[sig.id] ? '▾ Hide' : '▸ Read' }}
</button> </button>
<button <button
class="btn-signal-move" class="btn-signal-move"
@click="openMove(job.id, SIGNAL_META_PRE[sig.stage_signal]?.stage)" @click.stop="openMove(job.id, SIGNAL_META_PRE[sig.stage_signal]?.stage)"
:aria-label="`Move ${job.title} — ${SIGNAL_META_PRE[sig.stage_signal]?.label ?? 'Move'}`"
>→ Move</button> >→ Move</button>
<button class="btn-signal-dismiss" @click="dismissPreSignal(job, sig)">✕</button> <button class="btn-signal-dismiss" @click.stop="dismissPreSignal(job, sig)" aria-label="Dismiss signal">✕</button>
</div> </div>
</div> </div>
<!-- Expanded body + reclassify chips --> <!-- Expanded body + reclassify chips -->
@ -386,7 +389,7 @@ function daysSince(dateStr: string | null) {
:key="chip.value" :key="chip.value"
class="btn-chip" class="btn-chip"
:class="{ 'btn-chip-active': sig.stage_signal === chip.value }" :class="{ 'btn-chip-active': sig.stage_signal === chip.value }"
@click="reclassifyPreSignal(job, sig, chip.value)" @click.stop="reclassifyPreSignal(job, sig, chip.value)"
>{{ chip.label }}</button> >{{ chip.label }}</button>
</div> </div>
</div> </div>