ui: forward dialog avatars, poll TDS, delivery icon, caption focus, boot hint
CI / Build & Quality Checks (push) Failing after 5m46s
CI / Build & Quality Checks (push) Failing after 5m46s
ForwardMessageDialog: - Room list now shows small avatars (48px crop) + DM label beneath room name - Forward is now async: spinner overlay while in-flight, '✓ Forwarded' only shown after sendEvent resolves; error clears sending state so user can retry - Search bar hidden in success state for cleaner confirmation view DeliveryStatus: - QUEUED state used ⏳ emoji breaking the ASCII/terminal aesthetic; changed to ⟳ matching the SENDING/ENCRYPTING icon PollContent: - Added data-poll-content + data-poll-answer + data-selected attributes so TDS CSS can override inline styles without JS branching - Added data-poll-content-label on the ◉ Poll header - TDS dark: answers get cyan dim bg/border, selected gets orange highlight with subtle box-shadow; hover brightens border; label uses cyan glow - TDS light: equivalent blue/orange variants Caption input: - Marked with data-caption-input; focus-visible ring added in index.css (blue for default, dark-theme dark blue) and lotus-terminal.css.ts (orange glow for TDS dark, orange for TDS light) Boot sequence: - Added '[ ESC ] skip' hint at bottom-right of overlay so users know they can dismiss it without waiting Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -878,3 +878,55 @@ globalStyle(`html[data-theme="light"] body.${lotusTerminalBodyClass} ._13tt0gb6:
|
||||
background: 'rgba(0,98,184,0.08) !important' as any,
|
||||
color: '#0062b8 !important' as any,
|
||||
});
|
||||
|
||||
// ── Poll card TDS ─────────────────────────────────────────────────────────────
|
||||
globalStyle(`body.${lotusTerminalBodyClass} [data-poll-content] [data-poll-answer]`, {
|
||||
background: 'rgba(0,212,255,0.04) !important' as any,
|
||||
border: '1px solid rgba(0,212,255,0.22) !important' as any,
|
||||
color: '#c4d9ee !important' as any,
|
||||
transition: 'border-color 0.15s, background 0.15s, box-shadow 0.15s',
|
||||
});
|
||||
globalStyle(`body.${lotusTerminalBodyClass} [data-poll-content] [data-poll-answer]:hover`, {
|
||||
background: 'rgba(0,212,255,0.08) !important' as any,
|
||||
borderColor: 'rgba(0,212,255,0.40) !important' as any,
|
||||
boxShadow: '0 0 8px rgba(0,212,255,0.08)',
|
||||
});
|
||||
globalStyle(
|
||||
`body.${lotusTerminalBodyClass} [data-poll-content] [data-poll-answer][data-selected="true"]`,
|
||||
{
|
||||
background: 'rgba(255,107,0,0.10) !important' as any,
|
||||
border: '1px solid rgba(255,107,0,0.55) !important' as any,
|
||||
boxShadow: '0 0 10px rgba(255,107,0,0.10)',
|
||||
},
|
||||
);
|
||||
globalStyle(`body.${lotusTerminalBodyClass} [data-poll-content] [data-poll-content-label]`, {
|
||||
color: 'rgba(0,212,255,0.60) !important' as any,
|
||||
opacity: '1 !important' as any,
|
||||
textShadow: '0 0 8px rgba(0,212,255,0.25)',
|
||||
});
|
||||
// light TDS
|
||||
globalStyle(`html[data-theme="light"] body.${lotusTerminalBodyClass} [data-poll-content] [data-poll-answer]`, {
|
||||
background: 'rgba(0,98,184,0.04) !important' as any,
|
||||
border: '1px solid rgba(0,98,184,0.22) !important' as any,
|
||||
color: '#111827 !important' as any,
|
||||
});
|
||||
globalStyle(
|
||||
`html[data-theme="light"] body.${lotusTerminalBodyClass} [data-poll-content] [data-poll-answer][data-selected="true"]`,
|
||||
{
|
||||
background: 'rgba(196,78,0,0.08) !important' as any,
|
||||
border: '1px solid rgba(196,78,0,0.50) !important' as any,
|
||||
},
|
||||
);
|
||||
|
||||
// ── Caption input TDS focus ring ──────────────────────────────────────────────
|
||||
globalStyle(`body.${lotusTerminalBodyClass} [data-caption-input]:focus-visible`, {
|
||||
borderColor: 'rgba(255,107,0,0.65) !important' as any,
|
||||
boxShadow: '0 0 0 2px rgba(255,107,0,0.14), 0 0 6px rgba(255,107,0,0.10) !important' as any,
|
||||
});
|
||||
globalStyle(
|
||||
`html[data-theme="light"] body.${lotusTerminalBodyClass} [data-caption-input]:focus-visible`,
|
||||
{
|
||||
borderColor: 'rgba(196,78,0,0.60) !important' as any,
|
||||
boxShadow: '0 0 0 2px rgba(196,78,0,0.12) !important' as any,
|
||||
},
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user