Skip to content

Vertically centre radio and checkbox with label#3049

Merged
david-crespo merged 6 commits intomainfrom
fix-radio-checkbox-vertical-align
Mar 6, 2026
Merged

Vertically centre radio and checkbox with label#3049
david-crespo merged 6 commits intomainfrom
fix-radio-checkbox-vertical-align

Conversation

@benjaminleonard
Copy link
Contributor

Fixes #3035

@vercel
Copy link

vercel bot commented Feb 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
console Ready Ready Preview Mar 6, 2026 6:38pm

Request Review

@david-crespo
Copy link
Collaborator

Looks good to me — what do we do when a label wraps? Just avoid that?

@benjaminleonard
Copy link
Contributor Author

Yeah, alternatively we do mt-[calc((1lh-16px)/2)] (I haven't tried this)

// data-status used only for e2e testing
<div
className={cn('upload-step items-top flex gap-2 px-4 py-3', className)}
className={cn('upload-step flex gap-2 px-4 py-3', className)}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This and the side modal items-top weren't doing anything because items-top is not a thing. In both cases, I confirmed that changing it to items-start would have no effect and deleted the class instead.

@david-crespo david-crespo enabled auto-merge (squash) March 6, 2026 18:38
@david-crespo david-crespo merged commit 6590f9f into main Mar 6, 2026
7 checks passed
@david-crespo david-crespo deleted the fix-radio-checkbox-vertical-align branch March 6, 2026 18:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Checkbox label alignment slightly off

2 participants