用户消息复制按钮导致气泡底部出现多余留白
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 82/100
- Issue 类型
- 缺陷
- 描述清晰度
- 描述清楚
- 活跃度
- 冷清
- 技术栈
- tailwindcss, typescript
- 领域
- frontend
调研方向
从 frontend/src/components/console/task/message-userinput.tsx 开始，检查用户消息包装器、其 pb-7 类以及绝对定位的复制按钮。验证纯文本消息和附件消息的布局，包括鼠标悬停和键盘焦点状态。完成的标准是：复制时固定的空白行消失，同时工具提示、状态反馈和附件布局保持不变。
由索引模型根据 Issue 内容生成。
描述
问题描述
用户消息增加复制按钮后，消息气泡下方固定出现一整行空白，使每条对话消息整体高度增加，视觉上略显臃肿。
截图中留白位于用户消息区域内部、正文气泡下方。复制按钮默认隐藏时，这块空间仍然存在。
根因定位
frontend/src/components/console/task/message-userinput.tsx 的用户消息外层使用了 pb-7，为绝对定位在 bottom-0 的复制按钮固定预留 28px 高度。按钮处于 opacity-0 时，预留空间依然参与布局。
期望行为
- 用户消息气泡下方不再固定占用一整行空间
- 复制按钮仍可通过鼠标悬停和键盘聚焦访问
- 复制、Tooltip 和成功/失败提示行为保持不变
- 包含附件的用户消息保持正常布局
复现步骤
- 打开任意任务对话
- 查看带文本的用户消息气泡
- 观察正文气泡下方始终存在一整行留白
- 鼠标悬停后可看到该区域右侧的复制按钮
关联信息
- 相关 PR：#861
- 用户 UID：019d5da5-27a2-7679-b28e-f6fb5d1e78b5
- 主要语言
- TypeScript
- 星标
- 4.8k
- 派生
- 728
- 平均合并
- 3 小时 34 分钟
- 30 天内合并 PR
- 100
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
chaitin/MonkeyCode 的其他 Issue
-
这个位置的停止服务，要二次确认，未关闭
难度 2/5 1-3 小时 新手友好度 68/100
chaitin/MonkeyCode#1286 ·
维护者通常 1 天内回复
-
前端定价页面优化未关闭
难度 2/5 1-3 小时 新手友好度 68/100
chaitin/MonkeyCode#1277 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 64/100
chaitin/MonkeyCode#1069 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
chaitin/MonkeyCode#915 · 1 条评论 ·
维护者通常 1 天内回复
-
【技能】弹窗内容溢出未关闭
难度 2/5 1-3 小时 新手友好度 68/100
chaitin/MonkeyCode#907 ·
维护者通常 1 天内回复
查看 chaitin/MonkeyCode 的全部 Issue
相似的 Issue
-
area/frontend good first issue kind/cooldown
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 85/100
voidzero-dev/oxc-angular-compiler#511 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
langchain-ai/deepagentsjs#898 · 1 条评论 ·
维护者通常 1 天内回复
-
难度 1/5 1 小时以内 新手友好度 92/100
anomalyco/models.dev#8509 · 2 条评论 ·
维护者通常 1 天内回复
-
bug documentation P2 UI/UX
难度 2/5 1-3 小时 新手友好度 85/100
维护者通常 1 天内回复