From f2a20f5abb075e42c644587d0fbf500d23f6e9fa Mon Sep 17 00:00:00 2001 From: James Koster Date: Wed, 27 Mar 2024 19:01:02 +0000 Subject: [PATCH 01/12] first draft --- packages/dataviews/src/style.scss | 13 +++++++++++++ packages/dataviews/src/view-grid.js | 16 +++++++++++++--- .../src/components/page-patterns/index.js | 4 +++- 3 files changed, 29 insertions(+), 4 deletions(-) diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index 57ee09ba4775c..8059810173db1 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -353,6 +353,19 @@ .dataviews-view-grid__field-name { color: $gray-700; } + + &.is-badge { + width: fit-content; + + .dataviews-view-grid__field-value { + background: $gray-100; + padding: 0 $grid-unit-10; + min-height: $grid-unit-30; + border-radius: $radius-block-ui; + display: flex; + align-items: center; + } + } } } } diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index ec247311c18c4..d11bc2d94b9f5 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -36,6 +36,7 @@ function GridItem( { primaryField, visibleFields, displayAsColumnFields, + displayAsBadgeFields, } ) { const hasBulkAction = useHasAPossibleBulkAction( actions, item ); const id = getItemId( item ); @@ -112,6 +113,9 @@ function GridItem( { - - { field.header } - + { ! displayAsBadgeFields?.includes( field.id ) && ( + + { field.header } + + ) } + ); } ) } diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js index 62cfd5ff79b5c..572b47e3a5ae2 100644 --- a/packages/edit-site/src/components/page-patterns/index.js +++ b/packages/edit-site/src/components/page-patterns/index.js @@ -68,6 +68,8 @@ const defaultConfigPerViewType = { [ LAYOUT_GRID ]: { mediaField: 'preview', primaryField: 'title', + displayAsBadgeFields: [ 'sync-status' ], + displayAsColumnFields: [ 'sync-status' ], }, }; const DEFAULT_VIEW = { @@ -300,7 +302,7 @@ export default function DataviewsPatterns() { ]; if ( type === PATTERN_TYPES.theme ) { _fields.push( { - header: __( 'Sync Status' ), + header: __( 'Sync status' ), id: 'sync-status', render: ( { item } ) => { // User patterns can have their sync statuses checked directly. From 6415a4b9ec43c4ced6612de2cf9f97d83d883903 Mon Sep 17 00:00:00 2001 From: James Koster Date: Wed, 27 Mar 2024 19:39:06 +0000 Subject: [PATCH 02/12] separate badge fields from others --- packages/dataviews/src/style.scss | 24 +++++---- packages/dataviews/src/view-grid.js | 53 ++++++++++++++----- .../page-templates-template-parts/index.js | 3 +- 3 files changed, 58 insertions(+), 22 deletions(-) diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index 8059810173db1..f3b036c25a0fc 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -353,18 +353,24 @@ .dataviews-view-grid__field-name { color: $gray-700; } + } + } + .dataviews-view-grid__badge-fields { + &:not(:empty) { + padding: $grid-unit-15; + padding-top: 0; + } + + .dataviews-view-grid__field-value { &.is-badge { width: fit-content; - - .dataviews-view-grid__field-value { - background: $gray-100; - padding: 0 $grid-unit-10; - min-height: $grid-unit-30; - border-radius: $radius-block-ui; - display: flex; - align-items: center; - } + background: $gray-100; + padding: 0 $grid-unit-10; + min-height: $grid-unit-30; + border-radius: $radius-block-ui; + display: flex; + align-items: center; } } } diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index d11bc2d94b9f5..6b6aeedb2d08c 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -101,6 +101,36 @@ function GridItem( { + + { visibleFields.map( ( field ) => { + const renderedValue = field.render( { + item, + } ); + if ( ! renderedValue ) { + return null; + } + return ( + displayAsBadgeFields?.includes( field.id ) && ( + + { renderedValue } + + ) + ); + } ) } + + { visibleFields.map( ( field ) => { const renderedValue = field.render( { @@ -114,8 +144,6 @@ function GridItem( { className={ classnames( 'dataviews-view-grid__field', 'dataviews-view-grid__field-' + field.id, - displayAsBadgeFields?.includes( field.id ) && - 'is-badge', displayAsColumnFields?.includes( field.id ) ? 'is-column' : 'is-row' @@ -132,17 +160,18 @@ function GridItem( { } > { ! displayAsBadgeFields?.includes( field.id ) && ( - - { field.header } - + <> + + { field.header } + + + { renderedValue } + + ) } - - - { renderedValue } - ); } ) } diff --git a/packages/edit-site/src/components/page-templates-template-parts/index.js b/packages/edit-site/src/components/page-templates-template-parts/index.js index 6e808aa6672ba..4dfb8cde8e512 100644 --- a/packages/edit-site/src/components/page-templates-template-parts/index.js +++ b/packages/edit-site/src/components/page-templates-template-parts/index.js @@ -64,7 +64,8 @@ const defaultConfigPerViewType = { [ LAYOUT_GRID ]: { mediaField: 'preview', primaryField: 'title', - displayAsColumnFields: [ 'description' ], + //displayAsColumnFields: [ 'description' ], + displayAsBadgeFields: [ 'author', 'description' ], }, [ LAYOUT_LIST ]: { primaryField: 'title', From 50a37212403ef22b44d8d01d79a02d124e4882d5 Mon Sep 17 00:00:00 2001 From: James Koster Date: Thu, 28 Mar 2024 12:26:46 +0000 Subject: [PATCH 03/12] Additional logic and styling --- packages/dataviews/src/style.scss | 9 +++- packages/dataviews/src/view-grid.js | 44 +++++++++---------- .../src/components/page-pages/index.js | 2 +- .../page-templates-template-parts/index.js | 3 +- 4 files changed, 31 insertions(+), 27 deletions(-) diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index f3b036c25a0fc..cd6ca6033ded8 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -328,8 +328,9 @@ line-height: 16px; &:not(:empty) { - padding: $grid-unit-15; + padding: $grid-unit-15 0; padding-top: 0; + margin: 0 $grid-unit-15; } .dataviews-view-grid__field { @@ -371,8 +372,14 @@ border-radius: $radius-block-ui; display: flex; align-items: center; + font-size: 12px; } } + + &:not(:empty) + .dataviews-view-grid__fields:not(:empty) { + padding-top: $grid-unit-15; + border-top: 1px solid $gray-100; + } } } diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index 6b6aeedb2d08c..837c52d77cd79 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -120,7 +120,6 @@ function GridItem( { @@ -140,26 +139,25 @@ function GridItem( { return null; } return ( - - { ! displayAsBadgeFields?.includes( field.id ) && ( + ! displayAsBadgeFields?.includes( field.id ) && ( + <> { field.header } @@ -171,8 +169,8 @@ function GridItem( { { renderedValue } - ) } - + + ) ); } ) } diff --git a/packages/edit-site/src/components/page-pages/index.js b/packages/edit-site/src/components/page-pages/index.js index 1cf1a0b077b6f..0b650c1bb6588 100644 --- a/packages/edit-site/src/components/page-pages/index.js +++ b/packages/edit-site/src/components/page-pages/index.js @@ -332,7 +332,7 @@ export default function PagePages() { }, }, { - header: __( 'Date' ), + header: __( 'Publish date' ), id: 'date', render: ( { item } ) => { const formattedDate = dateI18n( diff --git a/packages/edit-site/src/components/page-templates-template-parts/index.js b/packages/edit-site/src/components/page-templates-template-parts/index.js index 4dfb8cde8e512..6e808aa6672ba 100644 --- a/packages/edit-site/src/components/page-templates-template-parts/index.js +++ b/packages/edit-site/src/components/page-templates-template-parts/index.js @@ -64,8 +64,7 @@ const defaultConfigPerViewType = { [ LAYOUT_GRID ]: { mediaField: 'preview', primaryField: 'title', - //displayAsColumnFields: [ 'description' ], - displayAsBadgeFields: [ 'author', 'description' ], + displayAsColumnFields: [ 'description' ], }, [ LAYOUT_LIST ]: { primaryField: 'title', From 1a4c96a52951cc23bbd7d2593a7533530778cbc7 Mon Sep 17 00:00:00 2001 From: James Koster Date: Thu, 28 Mar 2024 12:52:05 +0000 Subject: [PATCH 04/12] Add field id class to badge, and style sync status --- packages/dataviews/src/view-grid.js | 1 + .../src/components/page-patterns/index.js | 21 ++++++++++++------- .../src/components/page-patterns/style.scss | 5 +++++ 3 files changed, 20 insertions(+), 7 deletions(-) diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index 837c52d77cd79..601a9a719a589 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -120,6 +120,7 @@ function GridItem( { diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js index 572b47e3a5ae2..f240e961d41b3 100644 --- a/packages/edit-site/src/components/page-patterns/index.js +++ b/packages/edit-site/src/components/page-patterns/index.js @@ -308,13 +308,20 @@ export default function DataviewsPatterns() { // User patterns can have their sync statuses checked directly. // Non-user patterns are all unsynced for the time being. return ( - SYNC_FILTERS.find( - ( { value } ) => value === item.syncStatus - )?.label || - SYNC_FILTERS.find( - ( { value } ) => - value === PATTERN_SYNC_TYPES.unsynced - ).label + + { SYNC_FILTERS.find( + ( { value } ) => value === item.syncStatus + )?.label || + SYNC_FILTERS.find( + ( { value } ) => + value === PATTERN_SYNC_TYPES.unsynced + ).label } + ); }, type: ENUMERATION_TYPE, diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index d4afcaea18647..d01c7b2cec329 100644 --- a/packages/edit-site/src/components/page-patterns/style.scss +++ b/packages/edit-site/src/components/page-patterns/style.scss @@ -111,6 +111,11 @@ .dataviews-pagination { z-index: z-index(".edit-site-patterns__dataviews-list-pagination"); } + + .dataviews-view-grid__field-sync-status.is-badge:has(.edit-site-patterns__field-sync-status-fully) { + background: rgba(var(--wp-block-synced-color--rgb), 0.04); + color: var(--wp-block-synced-color); + } } .dataviews-action-modal__duplicate-pattern { From 9d14dd54dc9e49369912d4bb6817718ff8635309 Mon Sep 17 00:00:00 2001 From: ntsekouras Date: Mon, 1 Apr 2024 12:39:41 +0300 Subject: [PATCH 05/12] small refactoring --- packages/dataviews/src/view-grid.js | 103 ++++++++++-------- .../src/components/page-patterns/index.js | 6 +- 2 files changed, 58 insertions(+), 51 deletions(-) diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index 601a9a719a589..a75e1bb091ae8 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -35,8 +35,8 @@ function GridItem( { mediaField, primaryField, visibleFields, + badgeFields, displayAsColumnFields, - displayAsBadgeFields, } ) { const hasBulkAction = useHasAPossibleBulkAction( actions, item ); const id = getItemId( item ); @@ -101,46 +101,46 @@ function GridItem( { - - { visibleFields.map( ( field ) => { - const renderedValue = field.render( { - item, - } ); - if ( ! renderedValue ) { - return null; - } - return ( - displayAsBadgeFields?.includes( field.id ) && ( + { !! badgeFields?.length && ( + + { badgeFields.map( ( field ) => { + const renderedValue = field.render( { + item, + } ); + if ( ! renderedValue ) { + return null; + } + return ( { renderedValue } - ) - ); - } ) } - - - - { visibleFields.map( ( field ) => { - const renderedValue = field.render( { - item, - } ); - if ( ! renderedValue ) { - return null; - } - return ( - ! displayAsBadgeFields?.includes( field.id ) && ( + ); + } ) } + + ) } + { !! visibleFields?.length && ( + + { visibleFields.map( ( field ) => { + const renderedValue = field.render( { + item, + } ); + if ( ! renderedValue ) { + return null; + } + return ( - ) - ); - } ) } - + ); + } ) } + + ) } ); } @@ -196,12 +196,25 @@ export default function ViewGrid( { const primaryField = fields.find( ( field ) => field.id === view.layout.primaryField ); - const visibleFields = fields.filter( - ( field ) => - ! view.hiddenFields.includes( field.id ) && - ! [ view.layout.mediaField, view.layout.primaryField ].includes( - field.id - ) + const { visibleFields, badgeFields } = fields.reduce( + ( accumulator, field ) => { + if ( + view.hiddenFields.includes( field.id ) || + [ view.layout.mediaField, view.layout.primaryField ].includes( + field.id + ) + ) { + return accumulator; + } + // If the field is a badge field, add it to the badgeFields array + // otherwise add it to the rest visibleFields array. + const key = view.layout.displayAsBadgeFields?.includes( field.id ) + ? 'badgeFields' + : 'visibleFields'; + accumulator[ key ].push( field ); + return accumulator; + }, + { visibleFields: [], badgeFields: [] } ); const shownData = useAsyncList( data, { step: 3 } ); const usedData = deferredRendering ? shownData : data; @@ -229,12 +242,10 @@ export default function ViewGrid( { mediaField={ mediaField } primaryField={ primaryField } visibleFields={ visibleFields } + badgeFields={ badgeFields } displayAsColumnFields={ view.layout.displayAsColumnFields } - displayAsBadgeFields={ - view.layout.displayAsBadgeFields - } /> ); } ) } diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js index f240e961d41b3..f7d6321878366 100644 --- a/packages/edit-site/src/components/page-patterns/index.js +++ b/packages/edit-site/src/components/page-patterns/index.js @@ -69,7 +69,6 @@ const defaultConfigPerViewType = { mediaField: 'preview', primaryField: 'title', displayAsBadgeFields: [ 'sync-status' ], - displayAsColumnFields: [ 'sync-status' ], }, }; const DEFAULT_VIEW = { @@ -309,10 +308,7 @@ export default function DataviewsPatterns() { // Non-user patterns are all unsynced for the time being. return ( { SYNC_FILTERS.find( ( { value } ) => value === item.syncStatus From 0e2fc17c260816a90ea79cbc7aa206e6a0eb0187 Mon Sep 17 00:00:00 2001 From: ntsekouras Date: Tue, 2 Apr 2024 16:02:25 +0300 Subject: [PATCH 06/12] feedback --- packages/dataviews/src/style.scss | 18 ++++++++---------- packages/dataviews/src/view-grid.js | 2 +- .../src/components/page-patterns/index.js | 2 +- 3 files changed, 10 insertions(+), 12 deletions(-) diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index cd6ca6033ded8..212268e4117ea 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -364,16 +364,14 @@ } .dataviews-view-grid__field-value { - &.is-badge { - width: fit-content; - background: $gray-100; - padding: 0 $grid-unit-10; - min-height: $grid-unit-30; - border-radius: $radius-block-ui; - display: flex; - align-items: center; - font-size: 12px; - } + width: fit-content; + background: $gray-100; + padding: 0 $grid-unit-10; + min-height: $grid-unit-30; + border-radius: $radius-block-ui; + display: flex; + align-items: center; + font-size: 12px; } &:not(:empty) + .dataviews-view-grid__fields:not(:empty) { diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index a75e1bb091ae8..851180462c4e4 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -208,7 +208,7 @@ export default function ViewGrid( { } // If the field is a badge field, add it to the badgeFields array // otherwise add it to the rest visibleFields array. - const key = view.layout.displayAsBadgeFields?.includes( field.id ) + const key = view.layout.badgeFields?.includes( field.id ) ? 'badgeFields' : 'visibleFields'; accumulator[ key ].push( field ); diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js index f7d6321878366..e3500629a43b2 100644 --- a/packages/edit-site/src/components/page-patterns/index.js +++ b/packages/edit-site/src/components/page-patterns/index.js @@ -68,7 +68,7 @@ const defaultConfigPerViewType = { [ LAYOUT_GRID ]: { mediaField: 'preview', primaryField: 'title', - displayAsBadgeFields: [ 'sync-status' ], + badgeFields: [ 'sync-status' ], }, }; const DEFAULT_VIEW = { From 89f8a80202dbd7de5746555bcad6633319d4091e Mon Sep 17 00:00:00 2001 From: ntsekouras Date: Tue, 2 Apr 2024 16:18:41 +0300 Subject: [PATCH 07/12] update css classnames --- packages/dataviews/src/view-grid.js | 1 - packages/edit-site/src/components/page-patterns/style.scss | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index 851180462c4e4..23db7ab3cb361 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -121,7 +121,6 @@ function GridItem( { key={ field.id } className={ classnames( 'dataviews-view-grid__field-value', - `dataviews-view-grid__field-${ field.id }`, 'is-badge' ) } > diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index d01c7b2cec329..8dfabc9c45913 100644 --- a/packages/edit-site/src/components/page-patterns/style.scss +++ b/packages/edit-site/src/components/page-patterns/style.scss @@ -112,7 +112,7 @@ z-index: z-index(".edit-site-patterns__dataviews-list-pagination"); } - .dataviews-view-grid__field-sync-status.is-badge:has(.edit-site-patterns__field-sync-status-fully) { + .is-badge:has(.edit-site-patterns__field-sync-status-fully) { background: rgba(var(--wp-block-synced-color--rgb), 0.04); color: var(--wp-block-synced-color); } From 4998c22590aa873bed0b27f54818e87168e42b24 Mon Sep 17 00:00:00 2001 From: James Koster Date: Tue, 2 Apr 2024 16:24:50 +0100 Subject: [PATCH 08/12] Remove separator --- packages/dataviews/src/style.scss | 5 ----- .../src/components/sidebar-dataviews/default-views.js | 1 + 2 files changed, 1 insertion(+), 5 deletions(-) diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index 212268e4117ea..7f2e74d17567c 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -373,11 +373,6 @@ align-items: center; font-size: 12px; } - - &:not(:empty) + .dataviews-view-grid__fields:not(:empty) { - padding-top: $grid-unit-15; - border-top: 1px solid $gray-100; - } } } diff --git a/packages/edit-site/src/components/sidebar-dataviews/default-views.js b/packages/edit-site/src/components/sidebar-dataviews/default-views.js index 2240b6bf76b5b..55a9321896c7d 100644 --- a/packages/edit-site/src/components/sidebar-dataviews/default-views.js +++ b/packages/edit-site/src/components/sidebar-dataviews/default-views.js @@ -21,6 +21,7 @@ export const DEFAULT_CONFIG_PER_VIEW_TYPE = { [ LAYOUT_GRID ]: { mediaField: 'featured-image', primaryField: 'title', + badgeFields: [ 'author', 'status' ], }, [ LAYOUT_LIST ]: { primaryField: 'title', From 8097196158ac5a7b3269a1926779d45a3356f171 Mon Sep 17 00:00:00 2001 From: James Koster Date: Tue, 2 Apr 2024 16:26:18 +0100 Subject: [PATCH 09/12] Page field display --- .../edit-site/src/components/sidebar-dataviews/default-views.js | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/edit-site/src/components/sidebar-dataviews/default-views.js b/packages/edit-site/src/components/sidebar-dataviews/default-views.js index 55a9321896c7d..2240b6bf76b5b 100644 --- a/packages/edit-site/src/components/sidebar-dataviews/default-views.js +++ b/packages/edit-site/src/components/sidebar-dataviews/default-views.js @@ -21,7 +21,6 @@ export const DEFAULT_CONFIG_PER_VIEW_TYPE = { [ LAYOUT_GRID ]: { mediaField: 'featured-image', primaryField: 'title', - badgeFields: [ 'author', 'status' ], }, [ LAYOUT_LIST ]: { primaryField: 'title', From 4926501d18638a8728d4f49ff79ce11aabd96f51 Mon Sep 17 00:00:00 2001 From: James Koster Date: Thu, 4 Apr 2024 14:03:21 +0100 Subject: [PATCH 10/12] Remove 'is-badge' class --- packages/dataviews/src/view-grid.js | 5 +---- .../edit-site/src/components/page-patterns/style.scss | 10 ++++++---- 2 files changed, 7 insertions(+), 8 deletions(-) diff --git a/packages/dataviews/src/view-grid.js b/packages/dataviews/src/view-grid.js index c910d2cd9bd45..97d8b7c342eb3 100644 --- a/packages/dataviews/src/view-grid.js +++ b/packages/dataviews/src/view-grid.js @@ -118,10 +118,7 @@ function GridItem( { return ( { renderedValue } diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index 8dfabc9c45913..a1801792cde31 100644 --- a/packages/edit-site/src/components/page-patterns/style.scss +++ b/packages/edit-site/src/components/page-patterns/style.scss @@ -112,10 +112,12 @@ z-index: z-index(".edit-site-patterns__dataviews-list-pagination"); } - .is-badge:has(.edit-site-patterns__field-sync-status-fully) { - background: rgba(var(--wp-block-synced-color--rgb), 0.04); - color: var(--wp-block-synced-color); - } + .dataviews-view-grid__badge-fields { + .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully) { + background: rgba(var(--wp-block-synced-color--rgb), 0.04); + color: var(--wp-block-synced-color); + } + } } .dataviews-action-modal__duplicate-pattern { From 1c038c53f403fa8320a8cd5b39b305d5fb2d66fe Mon Sep 17 00:00:00 2001 From: James Koster Date: Thu, 4 Apr 2024 14:21:21 +0100 Subject: [PATCH 11/12] lint --- packages/edit-site/src/components/page-patterns/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index a1801792cde31..74205b044b340 100644 --- a/packages/edit-site/src/components/page-patterns/style.scss +++ b/packages/edit-site/src/components/page-patterns/style.scss @@ -117,7 +117,7 @@ background: rgba(var(--wp-block-synced-color--rgb), 0.04); color: var(--wp-block-synced-color); } - } + } } .dataviews-action-modal__duplicate-pattern { From 4fc6e508c4494bd7a98c3bd9aa4b4c5d23eabcec Mon Sep 17 00:00:00 2001 From: James Koster Date: Thu, 4 Apr 2024 18:21:08 +0100 Subject: [PATCH 12/12] Revert date field label change --- packages/edit-site/src/components/page-pages/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/edit-site/src/components/page-pages/index.js b/packages/edit-site/src/components/page-pages/index.js index 44801b001368c..c6b6d95e57a51 100644 --- a/packages/edit-site/src/components/page-pages/index.js +++ b/packages/edit-site/src/components/page-pages/index.js @@ -327,7 +327,7 @@ export default function PagePages() { }, }, { - header: __( 'Publish date' ), + header: __( 'Date' ), id: 'date', render: ( { item } ) => { const formattedDate = dateI18n(