mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 04:32:42 +00:00
fix(charts): widen comparison-baseline buttons to 44 px on mobile
The chart-overlay popover comparison row used `h-9 px-1`, which falls below the WCAG 2.5.5 floor on touch. Switch to `min-h-11 sm:min-h-9 px-2` so the mobile button reaches the 44 px target while desktop keeps the dense 36 px row that fits the popover.
This commit is contained in:
1 parent
6f16a5fc3e
commit
f908ebcf5a
1 file changed
+1
-1
@@ -248,7 +248,7 @@ export function ChartOverlayControlsBody({
|
||||
prefs.comparisonBaseline === value ? "default" : "outline"
|
||||
}
|
||||
size="sm"
|
||||
className={`h-9 px-1 text-[11px] ${isGreyed ? "opacity-50" : ""}`.trim()}
|
||||
className={`min-h-11 sm:min-h-9 px-2 text-[11px] ${isGreyed ? "opacity-50" : ""}`.trim()}
|
||||
onClick={() => setComparisonBaseline(value)}
|
||||
aria-pressed={prefs.comparisonBaseline === value}
|
||||
aria-disabled={isGreyed || undefined}
|
||||
|
||||
Reference in new issue
Block a user