mirror of
https://github.com/docmost/docmost.git
synced 2026-08-29 18:14:58 +08:00
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:
@@ -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;
|
||||||
|
}
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user