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

fix: Fixes lists left margin on Super editor on mobile (#2983)

Browse Source
This commit is contained in:
Antonella Sgarlatta
2026-02-24 13:01:38 -03:00
committed by GitHub
parent 6b15118718
commit 0c4ce38aa4
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lists.scss
View File

@@ -1,24 +1,27 @@
:root { :root {
--lexical-ordered-list-left-margin: 16px; --lexical-list-left-margin: 16px;
--checkbox-size: 18px; --checkbox-size: 18px;
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
--checkbox-size: 26px; --checkbox-size: 26px;
} }
@media screen and (max-width: 768px) {
--lexical-list-left-margin: 20px;
}
} }
.monospace-font { .monospace-font {
--lexical-ordered-list-left-margin: 42px; --lexical-list-left-margin: 42px;
} }
@for $i from 1 through 5 { @for $i from 1 through 5 {
.Lexical__ol#{$i} { .Lexical__ol#{$i} {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: var(--lexical-ordered-list-left-margin); margin-left: var(--lexical-list-left-margin);
list-style-position: outside; list-style-position: outside;
&.Lexical__rtl { &.Lexical__rtl {
margin-left: 0; margin-left: 0;
margin-right: var(--lexical-ordered-list-left-margin); margin-right: var(--lexical-list-left-margin);
} }
} }
} }
@@ -37,12 +40,12 @@
.Lexical__ul { .Lexical__ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: var(--lexical-list-left-margin);
list-style-position: outside; list-style-position: outside;
&.Lexical__rtl { &.Lexical__rtl {
margin-left: 0; margin-left: 0;
margin-right: 16px; margin-right: var(--lexical-list-left-margin);
} }
} }
.Lexical__checkList { .Lexical__checkList {