fix: PC 斑马纹 hover
This commit is contained in:
@@ -1007,40 +1007,31 @@ export default function PcFundTable({
|
||||
--row-bg: var(--bg);
|
||||
background-color: var(--row-bg) !important;
|
||||
}
|
||||
|
||||
/* 斑马纹行背景(非 hover 状态) */
|
||||
.table-row-scroll:nth-child(even),
|
||||
.table-row-scroll.row-even {
|
||||
background-color: var(--table-row-alt-bg) !important;
|
||||
}
|
||||
.table-row-scroll:hover {
|
||||
--row-bg: var(--table-row-hover-bg);
|
||||
background-color: var(--row-bg) !important;
|
||||
}
|
||||
|
||||
/* Pinned cells inherit from parent row */
|
||||
/* Pinned cells 继承所在行的背景(非 hover 状态) */
|
||||
.table-row-scroll .pinned-cell {
|
||||
background-color: var(--row-bg) !important;
|
||||
}
|
||||
.table-row-scroll:nth-child(even) .pinned-cell,
|
||||
.table-row-scroll.row-even .pinned-cell {
|
||||
background-color: var(--table-row-alt-bg) !important;
|
||||
}
|
||||
.table-row-scroll:hover .pinned-cell {
|
||||
background-color: var(--table-row-hover-bg) !important;
|
||||
}
|
||||
.table-row-scroll:nth-child(even) {
|
||||
background-color: var(--table-row-alt-bg);
|
||||
}
|
||||
.table-row-scroll:hover {
|
||||
--row-bg: var(--table-row-hover-bg);
|
||||
}
|
||||
|
||||
/* Pinned cells in even rows */
|
||||
.table-row-scroll.row-even .pinned-cell,
|
||||
.row-even .pinned-cell {
|
||||
background-color: var(--table-row-alt-bg) !important;
|
||||
}
|
||||
|
||||
/* Pinned cells on hover */
|
||||
.table-row-scroll:hover .pinned-cell {
|
||||
/* Hover 状态优先级最高,覆盖斑马纹和 pinned 背景 */
|
||||
.table-row-scroll:hover,
|
||||
.table-row-scroll.row-even:hover {
|
||||
--row-bg: var(--table-row-hover-bg);
|
||||
background-color: var(--table-row-hover-bg) !important;
|
||||
}
|
||||
.table-row-scroll:hover .pinned-cell,
|
||||
.table-row-scroll.row-even:hover .pinned-cell {
|
||||
background-color: var(--table-row-hover-bg) !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user