用户消息复制按钮导致气泡底部出现多余留白
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 719
- Avg merge
- 4h 30m
- Merged PRs (30d)
- 83
Description
问题描述
用户消息增加复制按钮后,消息气泡下方固定出现一整行空白,使每条对话消息整体高度增加,视觉上略显臃肿。
截图中留白位于用户消息区域内部、正文气泡下方。复制按钮默认隐藏时,这块空间仍然存在。
根因定位
frontend/src/components/console/task/message-userinput.tsx 的用户消息外层使用了 pb-7,为绝对定位在 bottom-0 的复制按钮固定预留 28px 高度。按钮处于 opacity-0 时,预留空间依然参与布局。
期望行为
- 用户消息气泡下方不再固定占用一整行空间
- 复制按钮仍可通过鼠标悬停和键盘聚焦访问
- 复制、Tooltip 和成功/失败提示行为保持不变
- 包含附件的用户消息保持正常布局
复现步骤
- 打开任意任务对话
- 查看带文本的用户消息气泡
- 观察正文气泡下方始终存在一整行留白
- 鼠标悬停后可看到该区域右侧的复制按钮
关联信息
- 相关 PR:#861
- 用户 UID:019d5da5-27a2-7679-b28e-f6fb5d1e78b5
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with frontend/src/components/console/task/message-userinput.tsx and inspect the user message wrapper, its pb-7 class, and the absolutely positioned copy button. Verify the layout for text-only and attachment messages, including mouse hover and keyboard focus states. Done means the fixed blank row is gone while copying, tooltips, status feedback, and attachment layout remain unchanged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 82/100