Skip to content

Commit

Permalink
Fix sites dataview header not aligned
Browse files Browse the repository at this point in the history
  • Loading branch information
m1r0 committed Feb 6, 2025
1 parent 3c3eb36 commit e73bd8b
Showing 1 changed file with 14 additions and 8 deletions.
22 changes: 14 additions & 8 deletions client/sites/components/sites-dataviews/dataview-style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,20 @@
@import "@wordpress/dataviews/build-style/style.css";

.sites-dataviews {
table.dataviews-view-table .dataviews-view-table__row td {
// dataviews-override: We combine the icon and site title fields to form the horizontal "site" field.
// Without this rule the combined field receives justify-content: space-between but we want the icon to be aligned with the text.
// TODO: This can be removed when https://github.com/WordPress/gutenberg/pull/67226 / Gutenberg 19.8 lands in calypso.
// See https://github.com/Automattic/wp-calypso/pull/96657#discussion_r1853690792
.components-h-stack {
&:has(.sites-dataviews__site) {
justify-content: flex-start;
table.dataviews-view-table .dataviews-view-table__row {
th {
vertical-align: middle;
}

td {
// dataviews-override: We combine the icon and site title fields to form the horizontal "site" field.
// Without this rule the combined field receives justify-content: space-between but we want the icon to be aligned with the text.
// TODO: This can be removed when https://github.com/WordPress/gutenberg/pull/67226 / Gutenberg 19.8 lands in calypso.
// See https://github.com/Automattic/wp-calypso/pull/96657#discussion_r1853690792
.components-h-stack {
&:has(.sites-dataviews__site) {
justify-content: flex-start;
}
}
}
}
Expand Down

0 comments on commit e73bd8b

Please sign in to comment.