diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js index 3dec3f0a7b2eb5..ff1f9810698fd1 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js +++ b/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/index.js @@ -6,8 +6,8 @@ import { humanTimeDiff } from '@wordpress/date'; import { createInterpolateElement } from '@wordpress/element'; import { addQueryArgs } from '@wordpress/url'; import { - Icon, __experimentalItemGroup as ItemGroup, + __experimentalItem as Item, } from '@wordpress/components'; import { backup } from '@wordpress/icons'; @@ -17,7 +17,6 @@ import { backup } from '@wordpress/icons'; import { SidebarNavigationScreenDetailsPanelRow, SidebarNavigationScreenDetailsPanelLabel, - SidebarNavigationScreenDetailsPanelValue, } from '../sidebar-navigation-screen-details-panel'; import SidebarNavigationItem from '../sidebar-navigation-item'; @@ -44,33 +43,32 @@ export default function SidebarNavigationScreenDetailsFooter( { hrefProps.as = 'a'; } return ( - - - + + + - { __( 'Last modified' ) } - - { createInterpolateElement( sprintf( /* translators: %s: is the relative time when the post was last modified. */ - __( '' ), + __( 'Last modified: ' ), humanTimeDiff( record.modified ) ), { time: - + + + + { __( 'Revisions' ) } ); diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/style.scss b/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/style.scss index 866a36c02174d3..0b48d451129662 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/style.scss +++ b/packages/edit-site/src/components/sidebar-navigation-screen-details-footer/style.scss @@ -5,8 +5,4 @@ div.edit-site-sidebar-navigation-item.components-item[aria-current] { background: none; } - .edit-site-sidebar-navigation-screen-details-footer__icon { - margin-left: auto; - fill: $gray-600; - } } diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-details-panel/style.scss b/packages/edit-site/src/components/sidebar-navigation-screen-details-panel/style.scss index 2757ce5a620c58..78a57083e247a5 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen-details-panel/style.scss +++ b/packages/edit-site/src/components/sidebar-navigation-screen-details-panel/style.scss @@ -17,10 +17,9 @@ .edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label { color: $gray-600; - width: 100px; - flex-shrink: 0; } +.edit-site-sidebar-navigation-details-screen-panel__label time, .edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value { color: $gray-200; } diff --git a/packages/edit-site/src/components/sidebar-navigation-screen/style.scss b/packages/edit-site/src/components/sidebar-navigation-screen/style.scss index 1d57472f7e9f94..edd2d0fa162c05 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen/style.scss +++ b/packages/edit-site/src/components/sidebar-navigation-screen/style.scss @@ -127,9 +127,14 @@ bottom: 0; background-color: $gray-900; gap: 0; - padding: $grid-unit-20 0; + padding: $grid-unit-10 $grid-unit-20; margin: $grid-unit-20 0 0; border-top: 1px solid $gray-800; + + .components-item-group { + margin-left: -$grid-unit-20; + margin-right: -$grid-unit-20; + } } /* In general style overrides are discouraged.