Set EasyMDE heading font-size to the same size as the resulting markdown (#24151) (#24152)

Backport #24151

Fix #23816

<img width="519" alt="image"
src="https://user-images.githubusercontent.com/2114189/232283304-21f56e82-d80e-4199-9b14-74699d80cd20.png">
This commit is contained in:
wxiaoguang 2023-04-17 05:34:19 +08:00 committed by GitHub
parent 494e373292
commit 94fbd44bac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -558,3 +558,29 @@
border-top-left-radius: 0 !important; border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
} }
/* use the same styles as markup content, this is a quick backport, 1.20 has a ComboMarkdownEditor */
.CodeMirror-scroll .cm-header-1 {
font-size: 2em;
}
.CodeMirror-scroll .cm-header-2 {
font-size: 1.5em;
}
.CodeMirror-scroll .cm-header-3 {
font-size: 1.25em;
}
.CodeMirror-scroll .cm-header-4 {
font-size: 1em;
}
.CodeMirror-scroll .cm-header-5 {
font-size: 0.875em;
}
.CodeMirror-scroll .cm-header-6 {
font-size: 0.85em;
}