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

chore: fix super list margins when using right-to-left direction

Browse Source
This commit is contained in:
Aman Harwara
2023-09-01 23:38:30 +05:30
parent b91d4a778b
commit 42321fbe2b
1 changed files with 17 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -257,45 +257,41 @@
.monospace-font { .monospace-font {
--lexical-ordered-list-left-margin: 42px; --lexical-ordered-list-left-margin: 42px;
} }
.Lexical__ol1 { @for $i from 1 through 5 {
padding: 0; .Lexical__ol#{$i} {
margin: 0; padding: 0;
margin-left: var(--lexical-ordered-list-left-margin); margin: 0;
list-style-position: outside; margin-left: var(--lexical-ordered-list-left-margin);
list-style-position: outside;
&.Lexical__rtl {
margin-left: 0;
margin-right: var(--lexical-ordered-list-left-margin);
}
}
} }
.Lexical__ol2 { .Lexical__ol2 {
padding: 0;
margin: 0;
margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: upper-alpha; list-style-type: upper-alpha;
list-style-position: outside;
} }
.Lexical__ol3 { .Lexical__ol3 {
padding: 0;
margin: 0;
margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: lower-alpha; list-style-type: lower-alpha;
list-style-position: outside;
} }
.Lexical__ol4 { .Lexical__ol4 {
padding: 0;
margin: 0;
margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: upper-roman; list-style-type: upper-roman;
list-style-position: outside;
} }
.Lexical__ol5 { .Lexical__ol5 {
padding: 0;
margin: 0;
margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: lower-roman; list-style-type: lower-roman;
list-style-position: outside;
} }
.Lexical__ul { .Lexical__ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: 16px;
list-style-position: outside; list-style-position: outside;
&.Lexical__rtl {
margin-left: 0;
margin-right: 16px;
}
} }
.Lexical__listItem { .Lexical__listItem {
margin: 0 0px; margin: 0 0px;