diff --git a/packages/edit-site/src/components/dataviews/style.scss b/packages/edit-site/src/components/dataviews/style.scss index a13f2bd666482..12753d29c1e58 100644 --- a/packages/edit-site/src/components/dataviews/style.scss +++ b/packages/edit-site/src/components/dataviews/style.scss @@ -140,3 +140,15 @@ width: 100%; } +.dataviews-list-view__selection-column label { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + white-space: nowrap; + border: 0; +} + diff --git a/packages/edit-site/src/components/dataviews/view-list.js b/packages/edit-site/src/components/dataviews/view-list.js index e87b0f4165686..a488051bfd020 100644 --- a/packages/edit-site/src/components/dataviews/view-list.js +++ b/packages/edit-site/src/components/dataviews/view-list.js @@ -267,6 +267,11 @@ function ViewList( { setSelection( data.map( ( { id } ) => id ) ); } } } + label={ + areAllSelected + ? __( 'Deselect all' ) + : __( 'Select all' ) + } /> ), id: 'selection', @@ -279,6 +284,11 @@ function ViewList( { { if ( ! isSelected ) { const newSelection = [ @@ -299,6 +309,7 @@ function ViewList( { }, enableHiding: false, width: 40, + className: 'dataviews-list-view__selection-column' } ); } if ( actions?.length ) { @@ -524,6 +535,10 @@ function ViewList( { header.column.columnDef .maxWidth || undefined, } } + className={ + header.column.columnDef.className || + undefined + } data-field-id={ header.id } > { flexRender( cell.column.columnDef.cell, diff --git a/packages/edit-site/src/store/actions.js b/packages/edit-site/src/store/actions.js index 2dd7aacd38401..08d66942a8dad 100644 --- a/packages/edit-site/src/store/actions.js +++ b/packages/edit-site/src/store/actions.js @@ -154,7 +154,7 @@ export const removeTemplate = registry.dispatch( noticesStore ).createSuccessNotice( sprintf( - /* translators: The template/part's name. */ + /* translators: %s: The template or template part's name. */ __( '"%s" deleted.' ), decodeEntities( templateTitle ) ),