fix(css): expand sort header hit area to full th cell

Move cursor/hover/user-select styles from .sort-btn to th[data-sort]
so the entire column header cell is the interactive target, not just
the button text node.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-24 12:49:30 +08:00
parent 088680e568
commit e06cb93fdc

View File

@@ -624,18 +624,23 @@ kbd {
text-underline-offset: 0.2em;
}
th[data-sort] {
cursor: pointer;
user-select: none;
transition: color 180ms ease;
}
th[data-sort]:hover {
color: var(--accent-deep);
}
.sort-btn {
background: none;
border: 0;
padding: 0;
color: inherit;
font: inherit;
cursor: pointer;
user-select: none;
}
.sort-btn:hover {
color: var(--accent-deep);
cursor: inherit;
}
.sort-btn:focus-visible {