rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add and fix margins inside super note content [skip e2e]

Browse Source
This commit is contained in:
Aman Harwara
2024-04-17 15:36:05 +05:30
parent ec2d6c5506
commit 562e1bef17
2 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/base.scss
View File

@@ -23,7 +23,7 @@
hr { hr {
padding: 2px 0px; padding: 2px 0px;
border: none; border: none;
margin: 1em 0; margin: 0.825em 0;
cursor: pointer; cursor: pointer;
} }
@@ -40,3 +40,23 @@
user-select: none; 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;
}
}

14
packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss
View File

@@ -7,13 +7,10 @@
text-align: right; text-align: right;
} }
.Lexical__paragraph { .Lexical__paragraph {
margin: 0;
position: relative; position: relative;
} }
.Lexical__quote { .Lexical__quote {
margin: 0;
margin-left: 20px; margin-left: 20px;
margin-bottom: 10px;
color: var(--sn-stylekit-passive-color-1); color: var(--sn-stylekit-passive-color-1);
border-left-color: var(--sn-stylekit-passive-color-1); border-left-color: var(--sn-stylekit-passive-color-1);
border-left-width: 4px; border-left-width: 4px;
@@ -31,21 +28,18 @@
} }
} }
.Lexical__h1 { .Lexical__h1 {
font-size: 26px; font-size: 1.75em;
color: var(--sn-stylekit-editor-foreground-color); color: var(--sn-stylekit-editor-foreground-color);
font-weight: 700; font-weight: 700;
margin: 0;
} }
.Lexical__h2 { .Lexical__h2 {
font-size: 22px; font-size: 1.5em;
color: var(--sn-stylekit-editor-foreground-color); color: var(--sn-stylekit-editor-foreground-color);
font-weight: 700; font-weight: 700;
margin: 0;
} }
.Lexical__h3 { .Lexical__h3 {
font-size: 19px; font-size: 1.3em;
font-weight: 700; font-weight: 700;
margin: 0;
} }
.Lexical__textBold { .Lexical__textBold {
font-weight: bold; font-weight: bold;
@@ -94,7 +88,6 @@
font-family: var(--sn-stylekit-monospace-font), monospace; font-family: var(--sn-stylekit-monospace-font), monospace;
display: block; display: block;
padding: 1.25rem 1.35rem; padding: 1.25rem 1.35rem;
margin: 0.5rem 0;
tab-size: 2; tab-size: 2;
overflow-x: auto; overflow-x: auto;
position: relative; position: relative;
@@ -112,7 +105,6 @@
overflow-y: scroll; overflow-y: scroll;
table-layout: fixed; table-layout: fixed;
width: calc(100% - 25px); width: calc(100% - 25px);
margin: 0.5rem 0;
color: var(--sn-stylekit-contrast-foreground-color); color: var(--sn-stylekit-contrast-foreground-color);
} }
.Lexical__tableSelection *::selection { .Lexical__tableSelection *::selection {