vultr/openclaw
1
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-04-18 04:31:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): add CSS for chat footer action buttons (TTS, delete) and msg-meta

Browse Source
This commit is contained in:
Val Alexander
2026-03-12 07:06:53 -05:00
parent 2572623b7c
commit cbd7082311
1 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
ui/src/styles/chat/grouped.css
View File

@@ -54,6 +54,52 @@
opacity: 0.7;
}
/* ── Group footer action buttons (TTS, delete) ── */
.chat-group-footer button {
background: none;
border: none;
cursor: pointer;
padding: 2px;
border-radius: var(--radius-sm, 4px);
color: var(--muted);
opacity: 0;
pointer-events: none;
transition: opacity 120ms ease-out, color 120ms ease-out, background 120ms ease-out;
display: inline-flex;
align-items: center;
justify-content: center;
}
.chat-group:hover .chat-group-footer button {
opacity: 0.6;
pointer-events: auto;
}
.chat-group-footer button:hover {
opacity: 1 !important;
background: var(--bg-hover, rgba(255,255,255,0.08));
}
.chat-group-footer button svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.chat-tts-btn--active {
opacity: 1 !important;
pointer-events: auto !important;
color: var(--accent, #3b82f6);
}
.chat-group-delete:hover {
color: var(--danger, #ef4444) !important;
}
/* Chat divider (e.g., compaction marker) */
.chat-divider {
display: flex;