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 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; }