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-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,
}}
>
<div style={{ paddingTop: 32, paddingBottom: 12 }}>
<div
className="base-page-title"
style={{ paddingTop: 32, paddingBottom: 12 }}
>
<MemoizedTitleEditor
pageId={page.id}
slugId={page.slugId}