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