Skip to content

用户消息复制按钮导致气泡底部出现多余留白 #879

Description

@2379278408

问题描述

用户消息增加复制按钮后,消息气泡下方固定出现一整行空白,使每条对话消息整体高度增加,视觉上略显臃肿。

截图中留白位于用户消息区域内部、正文气泡下方。复制按钮默认隐藏时,这块空间仍然存在。

根因定位

frontend/src/components/console/task/message-userinput.tsx 的用户消息外层使用了 pb-7,为绝对定位在 bottom-0 的复制按钮固定预留 28px 高度。按钮处于 opacity-0 时,预留空间依然参与布局。

期望行为

  • 用户消息气泡下方不再固定占用一整行空间
  • 复制按钮仍可通过鼠标悬停和键盘聚焦访问
  • 复制、Tooltip 和成功/失败提示行为保持不变
  • 包含附件的用户消息保持正常布局

复现步骤

  1. 打开任意任务对话
  2. 查看带文本的用户消息气泡
  3. 观察正文气泡下方始终存在一整行留白
  4. 鼠标悬停后可看到该区域右侧的复制按钮

关联信息

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions