Update field spacing in grid layout (#63363)

Co-authored-by: jameskoster <[email protected]> Co-authored-by: jasmussen <[email protected]>
WordPress · Jul 11, 2024 · 0af53eb · 0af53eb · github-actions · Jul 11, 2024
1 parent 63c8ad1
commit 0af53eb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/dataviews/src/layouts/grid/index.tsx b/packages/dataviews/src/layouts/grid/index.tsx
@@ -122,7 +122,7 @@ function GridItem< Item >( {
  </HStack>
  ) }
  { !! visibleFields?.length && (
- <VStack className="dataviews-view-grid__fields" spacing={ 3 }>
+ <VStack className="dataviews-view-grid__fields" spacing={ 1 }>
  { visibleFields.map( ( field ) => {
  const renderedValue = field.render( {
  item,

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
@@ -361,6 +361,7 @@
 
  .dataviews-view-grid__field {
  align-items: flex-start;
+ min-height: $grid-unit-30;
 
  &:not(.is-column) {
  align-items: center;
@@ -377,6 +378,12 @@
  }
  }
 
+ &.is-column {
+ & + .is-row {
+ margin-top: $grid-unit-05;
+ }
+ }
+
  .dataviews-view-grid__field-name {
  color: $gray-700;
  }