Skip to content

fix(#3637): adjust the checkbox on table header row to prevent height…#3719

Open
mxsoco wants to merge 1 commit intodevfrom
mxsoco/3637-header-row-checkbox
Open

fix(#3637): adjust the checkbox on table header row to prevent height…#3719
mxsoco wants to merge 1 commit intodevfrom
mxsoco/3637-header-row-checkbox

Conversation

@mxsoco
Copy link
Copy Markdown
Collaborator

@mxsoco mxsoco commented Mar 31, 2026

Before (the change)

Height increases with the checkbox added to the header row.
Screenshot 2026-03-31 110820

After (the change)

Along with applying an existing token to the top padding of the checkbox, I added new token to the bottom padding of the checkbox on header so it lines up with the rest of the header row.
Screenshot 2026-03-31 110831
Screenshot 2026-03-31 110839

Linked Design Token PR: #3637

@mxsoco mxsoco linked an issue Mar 31, 2026 that may be closed by this pull request
@Spark450 Spark450 added the P3 Priority 3 (nice to have): Valuable, but safe to release after launch. label Mar 31, 2026
@mxsoco mxsoco force-pushed the mxsoco/3637-header-row-checkbox branch from ac6d4af to ebe9991 Compare March 31, 2026 19:35
Copy link
Copy Markdown
Collaborator

@bdfranck bdfranck left a comment

Choose a reason for hiding this comment

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

@mxsoco Good catch on the th.goa-table-cell--checkbox selector! That solves the padding issue.

Since it's contained in a table cell, we can use vertical-align: middle like they did in https://github.com/GovAlta/goa-workspace-playground.

Image

@mxsoco mxsoco requested a review from bdfranck March 31, 2026 22:48
@mxsoco mxsoco force-pushed the mxsoco/3637-header-row-checkbox branch from 589bbbd to ef2d6e2 Compare March 31, 2026 22:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

P3 Priority 3 (nice to have): Valuable, but safe to release after launch.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Table: Header row height increases when checkbox is present

3 participants