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

fix: Fixed issue where ordered list numbers in Super would get cut off when using monospace font

Browse Source
This commit is contained in:
Aman Harwara
2023-03-24 19:10:33 +05:30
parent 5cd04b1474
commit 8bf891f8a3
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/src/javascripts/Components/NoteView/FontFunctions.ts
View File

@@ -6,4 +6,5 @@ export const reloadFont = (monospaceFont?: boolean) => {
} else { } else {
root.style.setProperty(propertyName, 'var(--sn-stylekit-sans-serif-font)') root.style.setProperty(propertyName, 'var(--sn-stylekit-sans-serif-font)')
} }
document.documentElement.classList.toggle('monospace-font', monospaceFont)
} }

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

@@ -268,37 +268,43 @@
display: inline; display: inline;
background-color: #ffbbbb !important; background-color: #ffbbbb !important;
} }
:root {
--lexical-ordered-list-left-margin: 16px;
}
.monospace-font {
--lexical-ordered-list-left-margin: 42px;
}
.Lexical__ol1 { .Lexical__ol1 {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: var(--lexical-ordered-list-left-margin);
list-style-position: outside; list-style-position: outside;
} }
.Lexical__ol2 { .Lexical__ol2 {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: upper-alpha; list-style-type: upper-alpha;
list-style-position: outside; list-style-position: outside;
} }
.Lexical__ol3 { .Lexical__ol3 {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: lower-alpha; list-style-type: lower-alpha;
list-style-position: outside; list-style-position: outside;
} }
.Lexical__ol4 { .Lexical__ol4 {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: upper-roman; list-style-type: upper-roman;
list-style-position: outside; list-style-position: outside;
} }
.Lexical__ol5 { .Lexical__ol5 {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: 16px; margin-left: var(--lexical-ordered-list-left-margin);
list-style-type: lower-roman; list-style-type: lower-roman;
list-style-position: outside; list-style-position: outside;
} }