Andreas Reinhold / reiniandClaude Fable 5.1 da4952e684 Give an unlabelled checkbox, radio or switch a 48px target ...

A selection control with a label is pressed anywhere along its row, but
one without — a table's "select all", a row's tick — was only its 18, 20
or 32px box, because the 40px state layer is a ::before that catches no
pointer. The box now wears the shared touch-target utility, which M3 asks
for on all three (checkbox, radio and switch specs: target size 48dp).

Plan step 13, finding IN-03.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

2026-09-14 05:52:23 +02:00

..

app-bar.css

Let an application replace the safe-area insets and dock on the bottom bar

2026-09-13 18:03:20 +02:00

datepicker.css

Add the M3 date pickers

2026-09-13 08:48:56 +02:00

field.css

Leave a disabled field's outline dark on hover

2026-09-14 05:50:38 +02:00

groups.css

Keep a connected group's inner corners round

2026-09-13 22:46:10 +02:00

list.css

Add cards, lists, dialogs, sheets and the rest of M3's containment

2026-09-13 07:28:05 +02:00

menu.css

Add chips, choices and search

2026-09-13 08:07:59 +02:00

navigation.css

Give the app shell one shape per M3 window size class

2026-09-14 05:29:17 +02:00

search.css

Say how many search results there are, in a combobox

2026-09-14 05:50:15 +02:00

selection.css

Give an unlabelled checkbox, radio or switch a 48px target

2026-09-14 05:52:23 +02:00

table.css

Add data tables, sort headers and M3 paginators

2026-09-13 08:32:59 +02:00

tabs.css

Add app bars, toolbars, tabs and the account and theme controls

2026-09-13 08:26:54 +02:00

timepicker.css

Ask breakpoints.js, not Tailwind's screens, for a window class

2026-09-14 04:06:35 +02:00

toolbar.css

Let an application replace the safe-area insets and dock on the bottom bar

2026-09-13 18:03:20 +02:00