diff --git a/packages/edit-site/src/components/list/actions/index.js b/packages/edit-site/src/components/list/actions/index.js index 74cdb5bc65882..66f9258f4030c 100644 --- a/packages/edit-site/src/components/list/actions/index.js +++ b/packages/edit-site/src/components/list/actions/index.js @@ -4,8 +4,13 @@ import { useDispatch } from '@wordpress/data'; import { store as coreStore } from '@wordpress/core-data'; import { __ } from '@wordpress/i18n'; -import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components'; -import { moreVertical } from '@wordpress/icons'; +import { + DropdownMenu, + MenuGroup, + MenuItem, + VisuallyHidden, +} from '@wordpress/components'; +import { Icon, moreVertical, reset } from '@wordpress/icons'; import { store as noticesStore } from '@wordpress/notices'; /** @@ -26,7 +31,14 @@ export default function Actions( { template } ) { const isRevertable = isTemplateRevertable( template ); if ( ! isRemovable && ! isRevertable ) { - return null; + return ( + <> + + + { __( 'No actions available' ) } + + + ); } async function revertAndSaveTemplate() { @@ -54,8 +66,11 @@ export default function Actions( { template } ) { return ( { ( { onClose } ) => ( diff --git a/packages/edit-site/src/components/list/style.scss b/packages/edit-site/src/components/list/style.scss index 8682b9f79181f..687927a680922 100644 --- a/packages/edit-site/src/components/list/style.scss +++ b/packages/edit-site/src/components/list/style.scss @@ -63,25 +63,25 @@ max-width: 960px; tr { - display: flex; - align-items: center; - padding: $grid-unit-20; - box-sizing: border-box; - border-top: $border-width solid $gray-100; - margin: 0; - - &:first-child { - border-top: 0; + th, + td { + border-top: $border-width solid $gray-100; + padding: $grid-unit-20; + @include break-medium() { + padding: $grid-unit-30 $grid-unit-40; + } } - @include break-medium() { - padding: $grid-unit-30 $grid-unit-40; + &:first-child { + th, + td { + border-top: 0; + } } // Template. .edit-site-list-table-column:nth-child(1) { - width: calc(60% - 18px); - padding-right: $grid-unit-30; + width: 58%; a { display: inline-block; @@ -93,14 +93,13 @@ // Added by. .edit-site-list-table-column:nth-child(2) { - width: calc(40% - 18px); + width: 30%; word-break: break-word; } // Actions. .edit-site-list-table-column:nth-child(3) { - min-width: $button-size; - flex-shrink: 0; + width: 12%; } } @@ -109,10 +108,10 @@ font-weight: 600; text-align: left; color: $gray-900; - border-top: none; - border-bottom: $border-width solid $gray-300; th { + border-top: 0; + border-bottom: $border-width solid $gray-300; font-weight: inherit; } } diff --git a/packages/edit-site/src/components/list/table.js b/packages/edit-site/src/components/list/table.js index 358807dc2e076..0b10ce35c05d5 100644 --- a/packages/edit-site/src/components/list/table.js +++ b/packages/edit-site/src/components/list/table.js @@ -4,10 +4,7 @@ import { useSelect } from '@wordpress/data'; import { store as coreStore, useEntityRecords } from '@wordpress/core-data'; import { __, sprintf } from '@wordpress/i18n'; -import { - VisuallyHidden, - __experimentalHeading as Heading, -} from '@wordpress/components'; +import { __experimentalHeading as Heading } from '@wordpress/components'; import { decodeEntities } from '@wordpress/html-entities'; /** @@ -85,7 +82,7 @@ export default function Table( { templateType } ) { className="edit-site-list-table-column" role="columnheader" > - { __( 'Actions' ) } + { __( 'Manage' ) }