From 6a89212e32e147eae739e034564fb488e6303097 Mon Sep 17 00:00:00 2001 From: Philipinho <16838612+Philipinho@users.noreply.github.com> Date: Mon, 27 Apr 2026 11:29:17 +0100 Subject: [PATCH] fix(base): strip global ProseMirror 3rem horizontal padding from full-page base title MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit core.css globally pads .ProseMirror with 3rem on each side, so the TitleEditor's content sat 48px further in than the table below. Add a .base-page-title scope that resets the padding to 0 (only on the full-page base title wrapper), so the outer 24px paddingInline is the single source of horizontal positioning. Doc pages and the embedded BaseTable are unaffected — neither uses the new class. --- apps/client/src/features/editor/styles/core.css | 9 +++++++++ apps/client/src/pages/page/page.tsx | 5 ++++- 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/apps/client/src/features/editor/styles/core.css b/apps/client/src/features/editor/styles/core.css index 34ddaca3c..66a58c7c5 100644 --- a/apps/client/src/features/editor/styles/core.css +++ b/apps/client/src/features/editor/styles/core.css @@ -285,3 +285,12 @@ margin-top: 0; margin-bottom: 0.75em; } + +/* The full-page base view positions its title with its own outer + * wrapper padding (so it can align with the table below). The global + * 3rem .ProseMirror padding-x would push the title further in than + * the table — drop it inside the base title wrapper only. */ +.base-page-title .ProseMirror { + padding-left: 0; + padding-right: 0; +} diff --git a/apps/client/src/pages/page/page.tsx b/apps/client/src/pages/page/page.tsx index 2981cc346..0f47bc1ac 100644 --- a/apps/client/src/pages/page/page.tsx +++ b/apps/client/src/pages/page/page.tsx @@ -118,7 +118,10 @@ function PageContent({ pageSlug }: { pageSlug: string | undefined }) { paddingInline: 24, }} > -
+