fix(webui): 底部导航选中态只换颜色(去掉背景块与顶部指示条)
用户:「同时底部导航栏选中对应的文字和图标变色即可」。 - NarrowNav:删掉 bg-blue-400 顶部指示条 - index.css:.narrow-nav .nav-item[data-active='true'] 背景置 transparent—— 只作用在底部导航;宽屏侧栏是 48px 竖条、没有文字标签,那块底色是它唯一的选中线索 - 图标本就是 stroke=currentColor,所以跟着文字色走(判据钉住这一点) - 判据 nav-merge ④ + 变异自检:把 bg-blue-400 加回去,④ 立刻红
This commit is contained in:
@ -1327,6 +1327,22 @@ html.view-switch .glass-control,
|
||||
color: rgb(var(--nav-active-fg));
|
||||
}
|
||||
|
||||
/*
|
||||
* 底部导航的选中态**只换颜色**。
|
||||
*
|
||||
* 用户(2026-09-14):「同时底部导航栏选中对应的文字和图标变色即可」。
|
||||
* 之前底部这一栏的选中同时被三样东西表达:`--nav-active-bg` 底色、一条
|
||||
* `bg-blue-400` 顶部指示条、以及颜色。底部条只有 51px 高,多出来的两个"形状"
|
||||
* 只是把图标与文字挤小。
|
||||
*
|
||||
* 只作用在 `.narrow-nav` 上:宽屏侧栏是 48px 宽的竖条,图标底下那一块底色是它
|
||||
* 唯一的选中线索(窄屏还有文字标签与当前页面对应,宽屏没有可参照的文字),
|
||||
* 所以"只变色"不能无差别推广到所有 `.nav-item`。
|
||||
*/
|
||||
.narrow-nav .nav-item[data-active='true'] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 底部导航条:与侧栏同一套令牌(深色主题才变深) */
|
||||
.narrow-nav {
|
||||
background-color: rgb(var(--nav-bg)) !important;
|
||||
|
||||
Reference in New Issue
Block a user