diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss index ab8934bf7..2eac3fa0f 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss @@ -23,7 +23,7 @@ hr { padding: 2px 0px; border: none; - margin: 1em 0; + margin: 0.825em 0; cursor: pointer; } @@ -40,3 +40,23 @@ user-select: none; } } + +.ContentEditable__root, +.Collapsible__content { + > *:not(:first-child) { + margin-block-start: 0.825em; + } + + // Remove extra margin around empty paragraphs + .Lexical__paragraph:has(br:first-child) { + margin-block-start: 0; + + & + * { + margin-block-start: 0; + } + } + + .Lexical__listItem { + margin-block-end: 0.325em; + } +} diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss index f9cec26db..ec2ef9dca 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss @@ -7,13 +7,10 @@ text-align: right; } .Lexical__paragraph { - margin: 0; position: relative; } .Lexical__quote { - margin: 0; margin-left: 20px; - margin-bottom: 10px; color: var(--sn-stylekit-passive-color-1); border-left-color: var(--sn-stylekit-passive-color-1); border-left-width: 4px; @@ -31,21 +28,18 @@ } } .Lexical__h1 { - font-size: 26px; + font-size: 1.75em; color: var(--sn-stylekit-editor-foreground-color); font-weight: 700; - margin: 0; } .Lexical__h2 { - font-size: 22px; + font-size: 1.5em; color: var(--sn-stylekit-editor-foreground-color); font-weight: 700; - margin: 0; } .Lexical__h3 { - font-size: 19px; + font-size: 1.3em; font-weight: 700; - margin: 0; } .Lexical__textBold { font-weight: bold; @@ -94,7 +88,6 @@ font-family: var(--sn-stylekit-monospace-font), monospace; display: block; padding: 1.25rem 1.35rem; - margin: 0.5rem 0; tab-size: 2; overflow-x: auto; position: relative; @@ -112,7 +105,6 @@ overflow-y: scroll; table-layout: fixed; width: calc(100% - 25px); - margin: 0.5rem 0; color: var(--sn-stylekit-contrast-foreground-color); } .Lexical__tableSelection *::selection {