mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-13 14:32:03 +00:00
fix(a11y): raise sub-44px tap targets to the mobile floor
Bring interactive elements that fell below the 44px iOS/WCAG touch floor up to min-h-11 on phones (relaxing to the denser sm density on larger screens), and add visible focus rings where they were missing: - TimesOfDayChips remove button + API-token copy buttons gain an inset hit-area so the visual density stays tight while the tap target clears the floor. - Dose-history row-actions menu trigger and the insights suggested- prompt chips raise to min-h-11 sm:min-h-9. - Sortable table headers and the glucose advanced disclosure toggle gain a focus-visible ring and a phone tap floor.
This commit is contained in:
1 parent
dd44ddeb70
commit
1eb143fad4
6 files changed
+12
-12
No files matched your search
@@ -32,7 +32,7 @@ export function SortableHead({
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onSort(column)}
|
||||
className="hover:text-foreground inline-flex items-center gap-1 transition-colors"
|
||||
className="hover:text-foreground focus-visible:ring-ring/50 inline-flex min-h-11 items-center gap-1 rounded-sm transition-colors focus-visible:ring-2 focus-visible:outline-none sm:min-h-0"
|
||||
>
|
||||
{label}
|
||||
{isActive ? (
|
||||
|
||||
Reference in new issue
Block a user