问题描述
用户消息增加复制按钮后,消息气泡下方固定出现一整行空白,使每条对话消息整体高度增加,视觉上略显臃肿。
截图中留白位于用户消息区域内部、正文气泡下方。复制按钮默认隐藏时,这块空间仍然存在。
根因定位
frontend/src/components/console/task/message-userinput.tsx 的用户消息外层使用了 pb-7,为绝对定位在 bottom-0 的复制按钮固定预留 28px 高度。按钮处于 opacity-0 时,预留空间依然参与布局。
期望行为
- 用户消息气泡下方不再固定占用一整行空间
- 复制按钮仍可通过鼠标悬停和键盘聚焦访问
- 复制、Tooltip 和成功/失败提示行为保持不变
- 包含附件的用户消息保持正常布局
复现步骤
- 打开任意任务对话
- 查看带文本的用户消息气泡
- 观察正文气泡下方始终存在一整行留白
- 鼠标悬停后可看到该区域右侧的复制按钮
关联信息
问题描述
用户消息增加复制按钮后,消息气泡下方固定出现一整行空白,使每条对话消息整体高度增加,视觉上略显臃肿。
截图中留白位于用户消息区域内部、正文气泡下方。复制按钮默认隐藏时,这块空间仍然存在。
根因定位
frontend/src/components/console/task/message-userinput.tsx的用户消息外层使用了pb-7,为绝对定位在bottom-0的复制按钮固定预留 28px 高度。按钮处于opacity-0时,预留空间依然参与布局。期望行为
复现步骤
关联信息