Skip to content

甘特图任务行操作按钮体验:删除冗余「定位」悬停图标,「→」详情按钮改独立操作槽(现被结束列压住、热区过小) #2482

Description

@baozhoutao

#2460 落地「行单击=Focus 定位」后,任务列表行右缘的两个悬停图标暴露两个体验问题(消费项目真机截图见下方评论):

1. 「定位」十字准星图标已冗余

它是旧交互(行单击=开抽屉)时代的定位入口。现在整行任意位置单击即定位,该图标失去存在价值,却仍占据悬停位、加剧右缘拥挤。

方案:删除该按钮及其 i18n 键(gantt.row.locate)。

2. 「→」详情按钮绝对定位叠在「结束」列上,热区过小

两个按钮 position: absolute 锚在行右缘(right: 20 / 1),悬停显示时直接压在结束日期文字上(如 6/28 → 挤成一团);且按钮无内边距,点击热区只有 12×12px 的裸图标,过窄难点。

方案:「→」按钮从覆盖式绝对定位改为行 flex 布局中的独立固定操作槽(约 24px 宽,常驻占位不随悬停跳动):

  • 不再与任何日期列重叠;
  • 按钮 24×24px 圆角热区 + 悬停底色,图标 14px,达到可舒适点击的目标尺寸;
  • 保留悬停渐显(行悬停 60% → 按钮悬停/键盘聚焦 100%)与移动端隐藏(移动端详情入口仍为双击/长按菜单)。

行内编辑态保留占位、隐藏按钮,避免布局跳动。

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