fix: restore rounded workbar tabs

The workbar tabs, close controls, and add button now use the shared rounded control styling again. The terminal panel and its toolbar remain square as requested.

Release note: 恢复工作栏页签、关闭按钮和加号入口的圆角外观;终端面板与终端工具栏继续保持直角。
This commit is contained in:
mesalogo
2026-09-03 19:32:00 +08:00
parent 8b9dbf55df
commit 70ec2bf792
4 changed files with 9 additions and 9 deletions
+2 -2
View File
@@ -336,8 +336,8 @@
- 当前工作栏 Tab 必须同时使用连续内容表面、可见边框、顶部指示、图标或较高字重中的至少
两种信号;悬停反馈不得强于当前选中态。Tab 关闭按钮保留固定布局空间,默认仅在对应 Tab 悬停或
`focus-within` 时显示;无悬停或粗指针设备始终显示,键盘与辅助技术始终可访问。
- 工作栏 Tab、Tab 关闭按钮、“+”入口、终端面板外框及终端顶部工具栏按钮统一使用直角,
形成连续、紧凑的停靠式工具界面,不沿用普通卡片和表单控件的圆角。
- 工作栏 Tab、Tab 关闭按钮和“+”入口沿用共享控件圆角;终端面板外框及终端顶部工具栏按钮
使用直角,形成紧凑的停靠式终端界面。
- 选择“终端”后直接绑定当前项目,由项目执行空间自动决定本机或托管 SSH;不再显示第二层
目标选择器。终端面板内部不重复提供关闭会话按钮,关闭统一由 Tab 入口完成。
- 下一次请求使用的附件和知识库由会话输入区展示与管理,不在工作栏重复提供“上下文”栏目;
@@ -147,8 +147,8 @@ stdio fallback。首期远程终端随 SSH Channel 结束,不提供跨 SSH 或
- 终端 Tab 默认使用递增标题,例如“终端 1”“终端 2”;状态栏持续显示项目、Host、
工作目录和 Shell。用户可以重命名终端。
- 当前 Tab 同时使用连续内容表面、选中边框、顶部强调线、图标和较高字重,不能只靠文字颜色。
- Tab、关闭按钮、“+”入口、终端面板外框和终端顶部工具栏按钮使用直角,保持停靠式工具界面
的连续边界,不使用卡片式圆角。
- Tab、关闭按钮和“+”入口沿用共享控件圆角;终端面板外框和终端顶部工具栏按钮使用直角,
保持紧凑的停靠式终端界面。
- Tab 关闭按钮默认不争夺视觉注意力,仅在鼠标悬停或键盘焦点进入对应 Tab 时出现;
粗指针或无悬停设备始终显示,出现与隐藏不得引发布局位移。
+3 -3
View File
@@ -72,12 +72,12 @@ function ControlledShell({
}
describe('WorkbarShell', () => {
it('keeps tabs and their controls square', () => {
it('keeps tabs and their controls rounded', () => {
expect(stylesheet).toMatch(
/\.workbar-shell__tab-item\s*\{[^}]*border-radius:\s*0;/u
/\.workbar-shell__tab-item\s*\{[^}]*border-radius:\s*var\(--radius-control\) var\(--radius-control\) 0 0;/u
)
expect(stylesheet).toMatch(
/\.workbar-shell__tab-close,\s*\n\.workbar-shell__add\s*\{[^}]*border-radius:\s*0;/u
/\.workbar-shell__tab-close,\s*\n\.workbar-shell__add\s*\{[^}]*border-radius:\s*var\(--radius-control\);/u
)
})
+2 -2
View File
@@ -3858,7 +3858,7 @@ button > svg {
align-items: center;
border: 1px solid transparent;
border-bottom: 0;
border-radius: 0;
border-radius: var(--radius-control) var(--radius-control) 0 0;
background: transparent;
transition:
border-color var(--motion-fast) ease-out,
@@ -3936,7 +3936,7 @@ button > svg {
height: 28px;
padding: 0;
place-items: center;
border-radius: 0;
border-radius: var(--radius-control);
background: transparent;
color: var(--text-muted);
cursor: pointer;