style: 将主体列表悬停底色改为固定斑马纹

This commit is contained in:
GouJ
2026-09-02 11:00:11 +08:00
parent 924ccc4b48
commit 12f5fc74ae
3 changed files with 12 additions and 15 deletions
+3 -8
View File
@@ -198,7 +198,7 @@
--app-field-hover: var(--app-surface);
background: var(--app-subtle);
}
/* 首项与其它条目统一内边距;只过渡背景,避免展开内容和文字发生位移动画。 */
/* 首项与其它条目统一内边距;背景过渡仅用于主题切换,不随鼠标或焦点变化。 */
.record-list > article {
padding: 20px;
transition: background-color 160ms ease;
@@ -206,15 +206,10 @@
.record-list > article:nth-child(even) {
background: var(--app-subtle);
}
/* 主体斑马纹的空白行补充悬停/键盘焦点底色,不改变有底色行和其它列表。 */
.subject-record-list > article:nth-child(odd):focus-within {
/* 主体奇数行常驻原悬停底色,与偶数行形成固定斑马纹;内部控件仍保留交互反馈。 */
.subject-record-list > article:nth-child(odd) {
background: var(--app-control);
}
@media (hover: hover) {
.subject-record-list > article:nth-child(odd):hover {
background: var(--app-control);
}
}
.table-scroll {
overflow: hidden;