From 2d67187aff6c3f46b73f02de8e95787a7ccb9678 Mon Sep 17 00:00:00 2001 From: ntsekouras Date: Wed, 21 Jan 2026 16:02:11 +0200 Subject: [PATCH 1/2] DataViews: Adjust table primary image styles --- .../dataviews-layouts/table/style.scss | 6 ++- .../src/dataviews-picker/stories/fixtures.tsx | 4 +- .../src/dataviews/stories/fixtures.tsx | 4 +- .../src/fields/featured-image/style.scss | 37 +++++-------------- 4 files changed, 15 insertions(+), 36 deletions(-) diff --git a/packages/dataviews/src/components/dataviews-layouts/table/style.scss b/packages/dataviews/src/components/dataviews-layouts/table/style.scss index a69848aa1adf2b..bedb2c90f54765 100644 --- a/packages/dataviews/src/components/dataviews-layouts/table/style.scss +++ b/packages/dataviews/src/components/dataviews-layouts/table/style.scss @@ -258,6 +258,8 @@ .dataviews-column-primary__media { max-width: 60px; + min-width: $grid-unit-40; + min-height: $grid-unit-40; overflow: hidden; position: relative; flex-shrink: 0; @@ -265,8 +267,8 @@ border-radius: $radius-medium; img { - width: 100%; - height: 100%; + width: $grid-unit-40; + height: $grid-unit-40; object-fit: cover; } diff --git a/packages/dataviews/src/dataviews-picker/stories/fixtures.tsx b/packages/dataviews/src/dataviews-picker/stories/fixtures.tsx index 3587b9edbd723c..34f6f4e83281b4 100644 --- a/packages/dataviews/src/dataviews-picker/stories/fixtures.tsx +++ b/packages/dataviews/src/dataviews-picker/stories/fixtures.tsx @@ -326,9 +326,7 @@ export const fields: Field< SpaceObject >[] = [ ), render: ( { item } ) => { - return ( - - ); + return ; }, }, { diff --git a/packages/dataviews/src/dataviews/stories/fixtures.tsx b/packages/dataviews/src/dataviews/stories/fixtures.tsx index c57cc69d8738f8..4ed77eabcdd0b9 100644 --- a/packages/dataviews/src/dataviews/stories/fixtures.tsx +++ b/packages/dataviews/src/dataviews/stories/fixtures.tsx @@ -377,9 +377,7 @@ export const fields: Field< SpaceObject >[] = [ ), render: ( { item } ) => { - return ( - - ); + return ; }, }, { diff --git a/packages/fields/src/fields/featured-image/style.scss b/packages/fields/src/fields/featured-image/style.scss index 49fd66f6c534f7..5c7f2d4aa62dda 100644 --- a/packages/fields/src/fields/featured-image/style.scss +++ b/packages/fields/src/fields/featured-image/style.scss @@ -1,34 +1,15 @@ @use "@wordpress/base-styles/colors" as *; @use "@wordpress/base-styles/variables" as *; -.dataviews-view-grid__media, -.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media, -.dataviews-view-list__media-wrapper { - .fields-controls__featured-image-image, - .fields-controls__featured-image-placeholder { - width: 100%; - height: 100%; - display: block; - border-radius: $radius-medium; - } - - .fields-controls__featured-image-placeholder { - box-shadow: none; - background: $gray-100; - } -} - -.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media { - .fields-controls__featured-image-image, - .fields-controls__featured-image-placeholder { - width: 32px; - height: 32px; - } +.fields-controls__featured-image-image, +.fields-controls__featured-image-placeholder { + width: 100%; + height: 100%; + display: block; + border-radius: $radius-medium; } -.dataforms-layouts-panel__field-control { - .fields-controls__featured-image-image { - width: 16px; - height: 16px; - } +.fields-controls__featured-image-placeholder { + box-shadow: none; + background: $gray-100; } From 79ae463bce0d936f8589896e9834eeb8704cdec7 Mon Sep 17 00:00:00 2001 From: ntsekouras Date: Wed, 21 Jan 2026 17:11:02 +0200 Subject: [PATCH 2/2] changelog entry --- packages/dataviews/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/dataviews/CHANGELOG.md b/packages/dataviews/CHANGELOG.md index a684c7a261b601..12b98caf651016 100644 --- a/packages/dataviews/CHANGELOG.md +++ b/packages/dataviews/CHANGELOG.md @@ -9,6 +9,7 @@ ### Code Quality - DataViews: Move filtering logic in field types. [#74733](https://github.com/WordPress/gutenberg/pull/74733) +- DataViews: Adjust table primary media field styles. [#74813](https://github.com/WordPress/gutenberg/pull/74813) ### Enhancements