mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-20 22:43:01 +08:00
fix(a11y): enlarge tag touch target to meet 44px WCAG minimum
Expand the .tag::after pseudo-element inset and add explicit min-height/ min-width of 44px so the interactive hit area satisfies WCAG 2.5.5. Also nudge mobile tag padding and font-size slightly for visual consistency. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -814,7 +814,9 @@ th[data-sort].sort-asc::after {
|
|||||||
.tag::after {
|
.tag::after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: -0.35rem -0.15rem;
|
inset: -0.5rem -0.25rem;
|
||||||
|
min-height: 44px;
|
||||||
|
min-width: 44px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag:hover {
|
.tag:hover {
|
||||||
@@ -1052,7 +1054,8 @@ th[data-sort].sort-asc::after {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
padding: 0.32rem 0.6rem;
|
padding: 0.38rem 0.65rem;
|
||||||
|
font-size: 0.65rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-wrap {
|
.table-wrap {
|
||||||
|
|||||||
Reference in New Issue
Block a user