diff --git a/packages/core/src/editor/Block.css b/packages/core/src/editor/Block.css index 4315c528f5..bba397ee58 100644 --- a/packages/core/src/editor/Block.css +++ b/packages/core/src/editor/Block.css @@ -127,6 +127,7 @@ NESTED BLOCKS /* HEADINGS*/ [data-content-type="heading"] { + padding-top: 18px; --level: 3em; } [data-content-type="heading"][data-level="2"] { diff --git a/packages/react/src/editor/styles.css b/packages/react/src/editor/styles.css index 702116d310..38a0752eeb 100644 --- a/packages/react/src/editor/styles.css +++ b/packages/react/src/editor/styles.css @@ -243,15 +243,15 @@ inline styles, it is added to the base z-index. */ } .bn-side-menu[data-block-type="heading"][data-level="1"] { - height: 78px; + height: 108px; } .bn-side-menu[data-block-type="heading"][data-level="2"] { - height: 54px; + height: 84px; } .bn-side-menu[data-block-type="heading"][data-level="3"] { - height: 37px; + height: 67px; } .bn-side-menu[data-block-type="file"] { diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-chromium-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-chromium-linux.png index fdf9760ade..2688142a71 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-chromium-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-chromium-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-firefox-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-firefox-linux.png index c278bdf864..fca97dea62 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-firefox-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-firefox-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-webkit-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-webkit-linux.png index c1f772a538..cf7b9b5617 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-webkit-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/backgroundColorMark-webkit-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-chromium-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-chromium-linux.png index f098863888..3a54510826 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-chromium-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-chromium-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-firefox-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-firefox-linux.png index ae96a17bb3..4a20c06b55 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-firefox-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-firefox-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-webkit-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-webkit-linux.png index 99e00da173..545885b893 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-webkit-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockBackgroundColor-webkit-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-chromium-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-chromium-linux.png index 995e912a37..b64dc109f5 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-chromium-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-chromium-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-firefox-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-firefox-linux.png index dec6a239b0..7bc56fa896 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-firefox-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-firefox-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-webkit-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-webkit-linux.png index 2ebad91544..453c3fb678 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-webkit-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/blockTextColor-webkit-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-chromium-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-chromium-linux.png index 6c263ac6f6..0c244842c3 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-chromium-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-chromium-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-firefox-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-firefox-linux.png index 3b4b24b994..0b551a0b41 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-firefox-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-firefox-linux.png differ diff --git a/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-webkit-linux.png b/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-webkit-linux.png index 900bde3258..08e90669f1 100644 Binary files a/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-webkit-linux.png and b/tests/src/end-to-end/colors/colors.test.ts-snapshots/textColorMark-webkit-linux.png differ diff --git a/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-chromium-linux.png b/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-chromium-linux.png index b0652370ec..d084fd52dc 100644 Binary files a/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-chromium-linux.png and b/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-chromium-linux.png differ diff --git a/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-firefox-linux.png b/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-firefox-linux.png index a0abb55378..75a5593ecf 100644 Binary files a/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-firefox-linux.png and b/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-firefox-linux.png differ diff --git a/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-webkit-linux.png b/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-webkit-linux.png index d5d3e47240..690378d0a8 100644 Binary files a/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-webkit-linux.png and b/tests/src/end-to-end/draghandle/draghandle.test.ts-snapshots/draghandlemenu-webkit-linux.png differ diff --git a/tests/src/end-to-end/multicolumn/multicolumn.test.ts b/tests/src/end-to-end/multicolumn/multicolumn.test.ts index 945eafc3a0..7bee32ed76 100644 --- a/tests/src/end-to-end/multicolumn/multicolumn.test.ts +++ b/tests/src/end-to-end/multicolumn/multicolumn.test.ts @@ -1,9 +1,5 @@ import { test } from "../../setup/setupScript.js"; -import { - BULLET_LIST_SELECTOR, - H_ONE_BLOCK_SELECTOR, - MULTI_COLUMN_URL, -} from "../../utils/const.js"; +import { BULLET_LIST_SELECTOR, MULTI_COLUMN_URL } from "../../utils/const.js"; import { compareDocToSnapshot, focusOnEditor } from "../../utils/editor.js"; test.describe.configure({ mode: "serial" }); @@ -16,10 +12,11 @@ test.describe("Check Multi-Column Behaviour", () => { test("Check Delete before column", async ({ page }) => { await focusOnEditor(page); - await page.click(H_ONE_BLOCK_SELECTOR); - await page.keyboard.press("ArrowRight"); - await page.keyboard.press("ArrowRight"); - await page.keyboard.press("ArrowRight"); + await page + // eslint-disable-next-line testing-library/prefer-screen-queries + .getByText("You can have multiple blocks in a column too") + .click({ position: { x: 1, y: 1 } }); + await page.keyboard.press("ArrowLeft"); await page.keyboard.press("Delete"); diff --git a/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-chromium-linux.png b/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-chromium-linux.png index 2aeec4068c..dc2b31a702 100644 Binary files a/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-chromium-linux.png and b/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-chromium-linux.png differ diff --git a/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-firefox-linux.png b/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-firefox-linux.png index 874240eaba..5cec092d61 100644 Binary files a/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-firefox-linux.png and b/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-firefox-linux.png differ diff --git a/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-webkit-linux.png b/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-webkit-linux.png index 884c708627..5acb91ed8e 100644 Binary files a/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-webkit-linux.png and b/tests/src/end-to-end/slashmenu/slashmenu.test.ts-snapshots/slash-menu-end-product-webkit-linux.png differ diff --git a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png index d471faef1c..cfb0881993 100644 Binary files a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png and b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-chromium-linux.png differ diff --git a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-chromium-linux.png b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-chromium-linux.png index 252ad5df6b..09bb9612c8 100644 Binary files a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-chromium-linux.png and b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-chromium-linux.png differ diff --git a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-firefox-linux.png b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-firefox-linux.png index f9615e0153..b9cb882b01 100644 Binary files a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-firefox-linux.png and b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-firefox-linux.png differ diff --git a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-webkit-linux.png b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-webkit-linux.png index 9f6727d6b0..22e9c484b7 100644 Binary files a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-webkit-linux.png and b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-equality-webkit-linux.png differ diff --git a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png index 7fba12d8d6..e9e6b1dd60 100644 Binary files a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png and b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-firefox-linux.png differ diff --git a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png index 68c749782b..c6c2b8279e 100644 Binary files a/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png and b/tests/src/end-to-end/static/static.test.ts-snapshots/static-rendering-webkit-linux.png differ diff --git a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-chromium-linux.png b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-chromium-linux.png index d95f268478..e56e1626c9 100644 Binary files a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-chromium-linux.png and b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-chromium-linux.png differ diff --git a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-firefox-linux.png b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-firefox-linux.png index 0f7c891426..4907eb9eaf 100644 Binary files a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-firefox-linux.png and b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-firefox-linux.png differ diff --git a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-webkit-linux.png b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-webkit-linux.png index 0176a07488..76d5760774 100644 Binary files a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-webkit-linux.png and b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextMultipleBlocks-webkit-linux.png differ diff --git a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-chromium-linux.png b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-chromium-linux.png index 6ff652feba..c3acec922a 100644 Binary files a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-chromium-linux.png and b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-chromium-linux.png differ diff --git a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-firefox-linux.png b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-firefox-linux.png index 91fb66e975..3d18d06677 100644 Binary files a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-firefox-linux.png and b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-firefox-linux.png differ diff --git a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-webkit-linux.png b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-webkit-linux.png index 1a4bb286ff..76ad8d6bca 100644 Binary files a/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-webkit-linux.png and b/tests/src/end-to-end/textalignment/textAlignment.test.ts-snapshots/alignTextSingleBlock-webkit-linux.png differ