style: 将主体列表悬停底色改为固定斑马纹
This commit is contained in:
+3
-8
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user