mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-26 21:49:49 +08:00
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:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user