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