Skip to content

fix(ui): align Checkbox vertically in flex rows #1751

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
TilmanHaupt wants to merge 12 commits into from
Closed

fix(ui): align Checkbox vertically in flex rows #1751

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
023ac5b
fix(ui): align Checkbox vertically in flex rows
TilmanHaupt Jun 9, 2026
2eeed18
chore: add changeset for Checkbox vertical alignment fix
TilmanHaupt Jun 9, 2026
f001c58
Merge branch 'main' into til-checkbox
TilmanHaupt Jun 9, 2026
3322911
fix(ui): vertically center Checkbox in flex rows without breaking For…
TilmanHaupt Jun 9, 2026
0c8a762
fix(ui): use inline-flex flex-col on Checkbox outer to fix vertical a…
TilmanHaupt Jun 9, 2026
07b4d22
fix(ui): add self-center to Checkbox outer for alignment in flex-col …
TilmanHaupt Jun 9, 2026
31bed24
fix(ui): position native input absolutely to fix Checkbox height infl…
TilmanHaupt Jun 9, 2026
f7ece67
fix(ui): add items-start to DataGridCell flex-col to prevent child he…
TilmanHaupt Jun 9, 2026
4335423
fix(ui): center checkbox cell content via items-center on DataGridChe…
TilmanHaupt Jun 9, 2026
9f6b1af
fix(ui): restore inline-flex on Checkbox outer, fix CheckboxGroup sta…
TilmanHaupt Jun 9, 2026
0e47a3c
fix(ui): restore Checkbox outer to block, fix CheckboxGroup spacing, …
TilmanHaupt Jun 10, 2026
b38e122
fix(ui): restore inline-flex flex-col on Checkbox outer, flex-col on …
TilmanHaupt Jun 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/til-checkbox-fix.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@cloudoperators/juno-ui-components": patch
---

fix(ui): align Checkbox vertically in flex rows
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,3 +24,4 @@ act_*.json
.out-of-code-insights
.claude
claude.md
.husky/prepare-commit-msg
2 changes: 1 addition & 1 deletion packages/ui-components/src/components/Checkbox/Checkbox.component.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -235,7 +235,7 @@ export const Checkbox = ({
const theId = id || uniqueId()

return (
<div className="jn-checkbox-outer">
<div className="jn-checkbox-outer jn:inline-flex jn:items-center">
Comment thread
Copilot marked this conversation as resolved.
Outdated
<div className={`jn-checkbox-wrapper ${wrapperStyles}`}>
<div
className={`
Expand Down
Loading