From b2f2dff6fdc3cbc763bfee10bdcb5d56ba31716b Mon Sep 17 00:00:00 2001 From: AutumnNazi <104422820+AutumnNazi@users.noreply.github.com> Date: Sun, 26 Jul 2026 20:35:07 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(tabs):=20=E6=81=A2=E5=A4=8D?= =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E6=A0=87=E7=AD=BE=E9=A1=B6=E9=83=A8=E5=BC=BA?= =?UTF-8?q?=E8=B0=83=E6=9D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 恢复 V2 工作区活动标签顶部绿色强调条 - 保留标签四角圆角与顶部伪元素屏蔽逻辑 - 更新活动标签视觉回归断言 --- frontend/src/components/TabManager.adaptive-width.test.ts | 6 +++--- frontend/src/v2-theme.css | 4 ++++ 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/frontend/src/components/TabManager.adaptive-width.test.ts b/frontend/src/components/TabManager.adaptive-width.test.ts index 8f739e36..254438b8 100644 --- a/frontend/src/components/TabManager.adaptive-width.test.ts +++ b/frontend/src/components/TabManager.adaptive-width.test.ts @@ -52,12 +52,12 @@ describe('v2 workbench adaptive tab width', () => { ); }); - it('rounds all four corners without drawing an accent bar above the active tab', () => { + it('rounds all four corners and highlights the active tab from within its border', () => { expect(themeSource).toMatch( /\.gn-v2-main-tabs \.ant-tabs-tab \{[^}]*border-radius: 8px !important;/s, ); - expect(themeSource).not.toMatch( - /\.gn-v2-main-tabs \.ant-tabs-tab\.ant-tabs-tab-active \{[^}]*box-shadow:/s, + expect(themeSource).toMatch( + /\.gn-v2-main-tabs \.ant-tabs-tab\.ant-tabs-tab-active \{[^}]*box-shadow: inset 0 2px 0 var\(--gn-accent\) !important;/s, ); expect(themeSource).toMatch( /\.gn-v2-main-tabs \.ant-tabs-tab\.ant-tabs-tab-active::after \{[^}]*display: none;/s, diff --git a/frontend/src/v2-theme.css b/frontend/src/v2-theme.css index d2688041..163c41c9 100644 --- a/frontend/src/v2-theme.css +++ b/frontend/src/v2-theme.css @@ -3713,6 +3713,10 @@ body[data-ui-version="v2"] .gn-v2-main-tabs .ant-tabs-tab { border-radius: 8px !important; } +body[data-ui-version="v2"] .gn-v2-main-tabs .ant-tabs-tab.ant-tabs-tab-active { + box-shadow: inset 0 2px 0 var(--gn-accent) !important; +} + body[data-ui-version="v2"] .gn-v2-main-tabs .ant-tabs-tab.ant-tabs-tab-active::after { display: none; }