diff --git a/playwright/e2e/versions.spec.ts b/playwright/e2e/versions.spec.ts index 7b2600578a8..8538b2e4324 100644 --- a/playwright/e2e/versions.spec.ts +++ b/playwright/e2e/versions.spec.ts @@ -64,6 +64,11 @@ test.describe('Versions with distant timestamps', () => { const current = page.locator('.ProseMirror[contenteditable="true"]') await expect(oldVersion.getByRole('heading', { name: 'V1' })).toBeVisible() await expect(current.getByRole('heading', { name: 'V3' })).toBeVisible() + + // Test that version contents are vertically aligned + const oldBox = await oldVersion.getByRole('heading', { name: 'V1' }).boundingBox() + const currentBox = await oldVersion.getByRole('heading', { name: 'V3' }).boundingBox() + expect(Math.abs(oldBox!.y - currentBox!.y)).toBeLessThan(5) }) }) diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue index 2c6b07c574a..5d53d81f68f 100644 --- a/src/components/ViewerComponent.vue +++ b/src/components/ViewerComponent.vue @@ -167,7 +167,12 @@ body .toastify.dialogs { margin-top: calc(45px + var(--default-clickable-area)); } -.viewer[data-handler='text'] .modal-wrapper .modal-container { +.viewer--split .source-viewer .editor__content-wrapper { + // Account for missing menubar for old version in version comparison + margin-top: calc(var(--default-clickable-area) + 2 * var(--default-grid-baseline)); +} + +.viewer[data-handler="text"] .modal-wrapper .modal-container { bottom: 0; }