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
+11 -6
View File
@@ -624,18 +624,23 @@ kbd {
text-underline-offset: 0.2em; 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 { .sort-btn {
background: none; background: none;
border: 0; border: 0;
padding: 0; padding: 0;
color: inherit; color: inherit;
font: inherit; font: inherit;
cursor: pointer; cursor: inherit;
user-select: none;
}
.sort-btn:hover {
color: var(--accent-deep);
} }
.sort-btn:focus-visible { .sort-btn:focus-visible {