mirror of
https://github.com/docmost/docmost.git
synced 2026-06-11 02:36:56 +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-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,
|
||||
}}
|
||||
>
|
||||
<div style={{ paddingTop: 32, paddingBottom: 12 }}>
|
||||
<div
|
||||
className="base-page-title"
|
||||
style={{ paddingTop: 32, paddingBottom: 12 }}
|
||||
>
|
||||
<MemoizedTitleEditor
|
||||
pageId={page.id}
|
||||
slugId={page.slugId}
|
||||
|
||||
Reference in New Issue
Block a user