fix(base): strip global ProseMirror 3rem horizontal padding from full-page base title

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.
This commit is contained in:
Philipinho
2026-04-27 11:29:17 +01:00
parent 701ae5c78d
commit 6a89212e32
2 changed files with 13 additions and 1 deletions
@@ -285,3 +285,12 @@
margin-top: 0; margin-top: 0;
margin-bottom: 0.75em; 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;
}
+4 -1
View File
@@ -118,7 +118,10 @@ function PageContent({ pageSlug }: { pageSlug: string | undefined }) {
paddingInline: 24, paddingInline: 24,
}} }}
> >
<div style={{ paddingTop: 32, paddingBottom: 12 }}> <div
className="base-page-title"
style={{ paddingTop: 32, paddingBottom: 12 }}
>
<MemoizedTitleEditor <MemoizedTitleEditor
pageId={page.id} pageId={page.id}
slugId={page.slugId} slugId={page.slugId}