fix: prevent workbar scroll arrow from overlapping add button

Hide disabled scroll arrows at tab strip boundaries for hover, keyboard focus, and touch input. Update the workbar specification to match. Release note: Hide the workbar scroll arrow at the end of the tab strip so it no longer overlaps the add button.
2026-09-27 13:30:22 +08:00
parent 67dedc2ed2
commit 8b15399577
2 changed files with 2 additions and 10 deletions
@@ -182,7 +182,7 @@ stdio fallback。首期远程终端随 SSH Channel 结束，不提供跨 SSH 或
 - 每个实例使用独立 `tab` 和 `tabpanel`。
 - “+”固定在 Tab 行末尾，但位于 `tablist` 之外。
 - Tab 过多时实例区域单行横向滚动，不换行、不自动隐藏实例。“+”紧随最后一个标签并随标签一起滚动，滚到末尾时可见。
- 标签全部可见时隐藏左右滚动按钮；溢出时左右箭头透明浮动于工作区两端，不占标签布局宽度。鼠标移入标签栏时显示箭头，移出后隐藏；键盘聚焦箭头时显示，无悬停能力的设备保持可见。悬停箭头时显示轻微底色。点击滚动约一屏，边界方向禁用且不拦截下方标签的指针操作。切换或新增激活标签时将其滚入可见区域。未激活标签使用低对比度灰蓝底色和细边框，激活标签保留亮底与强调色顶线。
+- 标签全部可见时隐藏左右滚动按钮；溢出时左右箭头透明浮动于工作区两端，不占标签布局宽度。鼠标移入标签栏时显示可滚动方向的箭头，移出后隐藏；键盘聚焦箭头时显示，无悬停能力的设备保持可滚动方向的箭头可见。悬停箭头时显示轻微底色。点击滚动约一屏，边界方向禁用并隐藏，避免与末尾“+”重叠，且不拦截下方标签的指针操作。切换或新增激活标签时将其滚入可见区域。未激活标签使用低对比度灰蓝底色和细边框，激活标签保留亮底与强调色顶线。
 - 终端 Tab 默认使用递增标题，例如“终端 1”“终端 2”；状态栏持续显示项目、Host、
  工作目录和 Shell。用户可以重命名终端。
 - 任务中心、工作区、成果及新建终端的默认标题随界面语言切换，恢复布局时也使用当前语言。
@@ -4319,15 +4319,11 @@ button > svg {
 }

 .workbar-shell__tab-row:hover .workbar-shell__scroll-button:not(:disabled),
-.workbar-shell__scroll-button:focus-visible {
+.workbar-shell__scroll-button:focus-visible:not(:disabled) {
  opacity: 1;
  pointer-events: auto;
 }

-.workbar-shell__tab-row:hover .workbar-shell__scroll-button:disabled {
-  opacity: 0.4;
-}
-
 .workbar-shell__scroll-button:first-child {
  left: 0;
 }
@@ -4351,10 +4347,6 @@ button > svg {
    opacity: 1;
    pointer-events: auto;
  }
-
-  .workbar-shell__scroll-button:disabled {
-    opacity: 0.4;
-  }
 }

 .workbar-shell__content,