Skip to content

Commit

Permalink
fix(data-table): center align checkboxes (carbon-design-system#11743)
Browse files Browse the repository at this point in the history
### Related Ticket(s)

Closes carbon-design-system#11742

### Description

This PR center aligns data table checkboxes within their flexbox divs in order to avoid reliance on inconsistent `vertical-align` implementations across various browsers

### Changelog

**New**

- data table checkbox flexbox alignment rule

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
  • Loading branch information
emyarod committed May 2, 2024
1 parent 4eda3c5 commit 942a3d3
Showing 1 changed file with 1 addition and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -223,6 +223,7 @@
.#{$prefix}--table-column-checkbox div,
.#{$prefix}--table-expand div {
display: flex;
align-items: center;
block-size: 100%;
}
}
Expand Down

0 comments on commit 942a3d3

Please sign in to comment.