mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add missing data-slot="toggle" to Routines toggle buttons

Browse source 
The initial mobile toggle fix (afc3d7ec) missed 2 toggle switches in
RoutineDetail.tsx and Routines.tsx. Without the attribute, these toggles
would still inflate to 44px on touch devices via the @media (pointer: coarse)
rule.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
dotta 2026-03-22 06:51:23 -05:00
parent 42c8d9b660
commit e61f00d4c1
2 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/src/pages/RoutineDetail.tsx
View file

@ -647,6 +647,7 @@ export function RoutineDetail() {
<button <button
type="button" type="button"
role="switch" role="switch"
data-slot="toggle"
aria-checked={automationEnabled} aria-checked={automationEnabled}
aria-label={automationEnabled ? "Pause automatic triggers" : "Enable automatic triggers"} aria-label={automationEnabled ? "Pause automatic triggers" : "Enable automatic triggers"}
disabled={automationToggleDisabled} disabled={automationToggleDisabled}

1
ui/src/pages/Routines.tsx
View file

@ -580,6 +580,7 @@ export function Routines() {
<button <button
type="button" type="button"
role="switch" role="switch"
data-slot="toggle"
aria-checked={enabled} aria-checked={enabled}
aria-label={enabled ? `Disable ${routine.title}` : `Enable ${routine.title}`} aria-label={enabled ? `Disable ${routine.title}` : `Enable ${routine.title}`}
disabled={isStatusPending || isArchived} disabled={isStatusPending || isArchived}