diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss index af679edb91064..dcba54400ab0f 100644 --- a/packages/base-styles/_z-index.scss +++ b/packages/base-styles/_z-index.scss @@ -196,7 +196,7 @@ $z-layers: ( ".edit-site-layout__sidebar": 1, ".edit-site-layout__canvas-container.is-resizing::after": 100, // Title needs to appear above other UI the section content. - ".edit-site-sidebar-navigation-screen__title-icon": 1, + ".edit-site-sidebar-navigation-screen__sticky-title-section": 1, // Ensure modal footer actions appear above modal contents ".editor-start-template-options__modal__actions": 1, diff --git a/packages/block-library/src/image/block.json b/packages/block-library/src/image/block.json index 16e3121747602..26835df9e856c 100644 --- a/packages/block-library/src/image/block.json +++ b/packages/block-library/src/image/block.json @@ -4,7 +4,14 @@ "name": "core/image", "title": "Image", "category": "media", - "usesContext": [ "allowResize", "imageCrop", "fixedHeight", "postId", "postType", "queryId" ], + "usesContext": [ + "allowResize", + "imageCrop", + "fixedHeight", + "postId", + "postType", + "queryId" + ], "description": "Insert an image to make a visual statement.", "keywords": [ "img", "photo", "picture" ], "textdomain": "default", diff --git a/packages/block-library/src/post-content/block.json b/packages/block-library/src/post-content/block.json index ed9c47154b2f8..e5d455b97a8a3 100644 --- a/packages/block-library/src/post-content/block.json +++ b/packages/block-library/src/post-content/block.json @@ -69,4 +69,4 @@ }, "style": "wp-block-post-content", "editorStyle": "wp-block-post-content-editor" -} \ No newline at end of file +} diff --git a/packages/edit-site/src/components/sidebar-navigation-screen/index.js b/packages/edit-site/src/components/sidebar-navigation-screen/index.js index c6b3742a3fd8b..4bf48ea5ebdcb 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen/index.js +++ b/packages/edit-site/src/components/sidebar-navigation-screen/index.js @@ -75,52 +75,59 @@ export default function SidebarNavigationScreen( { spacing={ 0 } justify="flex-start" > - - { ! isRoot && ( - { - history.navigate( backPath ); - navigate( 'back' ); - } } - icon={ icon } - label={ __( 'Back' ) } - showTooltip={ false } - /> - ) } - { isRoot && ( - - ) } - - { ! isPreviewingTheme() - ? title - : sprintf( - /* translators: 1: theme name. 2: title */ - __( 'Previewing %1$s: %2$s' ), - previewingThemeName, - title - ) } - - { actions && ( -
- { actions } -
+ + { ! isRoot && ( + { + history.navigate( backPath ); + navigate( 'back' ); + } } + icon={ icon } + label={ __( 'Back' ) } + showTooltip={ false } + /> + ) } + { isRoot && ( + + ) } + + { ! isPreviewingTheme() + ? title + : sprintf( + /* translators: 1: theme name. 2: title */ + __( 'Previewing %1$s: %2$s' ), + previewingThemeName, + title + ) } + + { actions && ( +
+ { actions } +
+ ) } +
+ { description && ( +

+ { description } +

) } -
+ { meta && ( <>
@@ -130,11 +137,6 @@ export default function SidebarNavigationScreen( { ) }
- { description && ( -

- { description } -

- ) } { content }
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 71704653b4cd8..919adcea8749f 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen/style.scss +++ b/packages/edit-site/src/components/sidebar-navigation-screen/style.scss @@ -13,10 +13,12 @@ &.has-footer { margin-bottom: 0; } + overflow: hidden; } .edit-site-sidebar-navigation-screen__content { padding: 0 $grid-unit-20; + overflow: auto; .components-text { color: $gray-400; @@ -50,14 +52,16 @@ } } -.edit-site-sidebar-navigation-screen__title-icon { - position: sticky; - top: 0; +.edit-site-sidebar-navigation-screen__sticky-title-section { background: $gray-900; padding-top: $grid-unit-60; margin-bottom: $grid-unit-10; padding-bottom: $grid-unit-10; - z-index: z-index(".edit-site-sidebar-navigation-screen__title-icon"); + z-index: z-index(".edit-site-sidebar-navigation-screen__sticky-title-section"); +} + +.edit-site-sidebar-navigation-screen__description { + padding: $grid-unit-10 $grid-unit-20; } .edit-site-sidebar-navigation-screen__title {