fix: use primary text only for active workspace tabs
This commit is contained in:
+9
-19
@@ -215,7 +215,7 @@ body {
|
||||
min-height: 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* 每项左右留白纳入 Tab 宽度,选中下划线随之延伸。 */
|
||||
/* 每项保留一致的左右留白。 */
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
@@ -223,19 +223,9 @@ body {
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab-pad {
|
||||
width: 0;
|
||||
}
|
||||
/* 保留组件的定位与切换动画,仅在活动指示器中央绘制 10px 短线。 */
|
||||
/* 选中状态仅通过文字颜色表达,不显示底部指示线。 */
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-bar {
|
||||
background: transparent;
|
||||
}
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-bar::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 10px;
|
||||
transform: translateX(-50%);
|
||||
background: var(--n-bar-color);
|
||||
display: none;
|
||||
}
|
||||
.workspace-tabs .n-tabs-nav-scroll-wrapper {
|
||||
min-width: 0;
|
||||
@@ -461,11 +451,11 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* 导航保留明确选中态与轻量悬停反馈,明暗模式共用主题变量。 */
|
||||
.workspace-tabs .n-tabs-tab--active {
|
||||
font-weight: 600;
|
||||
/* 明暗模式沿用组件的 primary 文字色,选中和悬停均不绘制背景。 */
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab--active {
|
||||
color: var(--n-tab-text-color-active);
|
||||
}
|
||||
.workspace-tabs .n-tabs-tab--active,
|
||||
.workspace-tabs .n-tabs-tab:hover {
|
||||
background: var(--app-subtle);
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab--active,
|
||||
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user