From 94fbd44bacb3a5e70adb05588397b801b1a904f4 Mon Sep 17 00:00:00 2001
From: wxiaoguang <wxiaoguang@gmail.com>
Date: Mon, 17 Apr 2023 05:34:19 +0800
Subject: [PATCH] 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">
---
 web_src/css/markup/content.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
index b87383bca8..96ef5bde12 100644
--- a/web_src/css/markup/content.css
+++ b/web_src/css/markup/content.css
@@ -558,3 +558,29 @@
   border-top-left-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;
+}