[OCaml] Mobile-friendly clone of cgit.
fix add tap-target expansion to commit-pill links
Use a ::after pseudo-element to expand the clickable area of commit pill links to meet WCAG 2.5.8 minimum 44×44px target size.
lib/static/styles.css
@@ -451,7 +451,17 @@
451
451
}
452
452
453
453
.commit-pill a {
454
Added:
position: relative;
454
455
padding: 0.1rem 0;
456
Added:
}
457
Added:
458
Added:
/* Expand tap target to meet WCAG 2.5.8 minimum 44×44px */
459
Added:
.commit-pill a::after {
460
Added:
content: "";
461
Added:
position: absolute;
462
Added:
inset: -0.5rem -0.25rem;
463
Added:
min-width: var(--target-size);
464
Added:
min-height: var(--target-size);
455
465
}
456
466
457
467
.commit-pill a:hover {