ui: forward dialog avatars, poll TDS, delivery icon, caption focus, boot hint
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:
@@ -141,6 +141,17 @@ textarea {
|
||||
word-spacing: inherit;
|
||||
}
|
||||
|
||||
/* Caption input focus ring — replaces stripped outline */
|
||||
[data-caption-input]:focus-visible {
|
||||
border-color: rgba(0, 100, 200, 0.55);
|
||||
box-shadow: 0 0 0 2px rgba(0, 100, 200, 0.18);
|
||||
}
|
||||
.dark-theme [data-caption-input]:focus-visible,
|
||||
.butter-theme [data-caption-input]:focus-visible {
|
||||
border-color: rgba(100, 160, 255, 0.60);
|
||||
box-shadow: 0 0 0 2px rgba(100, 160, 255, 0.18);
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user