٠
١
٠
-٠
١
٢
١١٠
٢
٠١
+٠
+ + + + " `; diff --git a/packages/e2e-tests/specs/editor/various/typewriter.test.js b/packages/e2e-tests/specs/editor/various/typewriter.test.js index 2661d69acd9055..a4ed30951220b5 100644 --- a/packages/e2e-tests/specs/editor/various/typewriter.test.js +++ b/packages/e2e-tests/specs/editor/various/typewriter.test.js @@ -21,6 +21,9 @@ describe( 'TypeWriter', () => { // Create first block. await page.keyboard.press( 'Enter' ); + // Create second block. + await page.keyboard.press( 'Enter' ); + const initialPosition = await getCaretPosition(); // The page shouldn't be scrolled when it's being filled. @@ -118,8 +121,11 @@ describe( 'TypeWriter', () => { await page.keyboard.press( 'Enter' ); // Create second block. await page.keyboard.press( 'Enter' ); + // Create third block. + await page.keyboard.press( 'Enter' ); // Move to first block. await page.keyboard.press( 'ArrowUp' ); + await page.keyboard.press( 'ArrowUp' ); const initialPosition = await getCaretPosition(); diff --git a/packages/edit-post/src/components/visual-editor/style.scss b/packages/edit-post/src/components/visual-editor/style.scss index 7c658842aecc90..7fbdb83e29988a 100644 --- a/packages/edit-post/src/components/visual-editor/style.scss +++ b/packages/edit-post/src/components/visual-editor/style.scss @@ -45,19 +45,10 @@ height: 0; } -// Ideally this wrapper div is not needed but if we waant to match the positionning of blocks +// Ideally this wrapper div is not needed but if we want to match the positioning of blocks // .block-editor-block-list__layout and block-editor-block-list__block // We need to have two DOM elements. .edit-post-visual-editor__post-title-wrapper { - // This padding is needed to match the block root container padding - padding-left: $block-padding; - padding-right: $block-padding; - - @include break-small() { - padding-left: $block-side-ui-width; - padding-right: $block-side-ui-width; - } - .editor-post-title { // Center. margin-left: auto; diff --git a/packages/editor/src/editor-styles.scss b/packages/editor/src/editor-styles.scss index ff0da03879940d..84dda6f9289591 100644 --- a/packages/editor/src/editor-styles.scss +++ b/packages/editor/src/editor-styles.scss @@ -13,8 +13,16 @@ body { font-size: $editor-font-size; line-height: $editor-line-height; color: $dark-gray-primary; + padding: 10px; } +// For full-wide blocks, we compensate for these 10px. +.block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { + margin-left: -10px; + margin-right: -10px; +} + + /* Headings */ // These follow a Major Third type scale // https://type-scale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Noto%20Serif&fontweight=600