Show errors for KaTeX and mermaid on the preview tab (#24009)

silverwind · web-flow · commit f2b98d825978 · 2023-04-09T08:07:43.000-04:00
There is a conflicting fomantic rule that hid the error messages inside the markdown preview tab for things like mermaid or katex. Overruled it to always show these errors. <img width="774" alt="image" src="https://user-images.githubusercontent.com/115237/230738528-322814c1-8994-495e-b901-bbb79b924ccb.png">
diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
@@ -541,6 +541,7 @@
 }
 
 .markup-block-error {
+  display: block !important; /* override fomantic .ui.form .error.message {display: none} */
   border: 1px solid var(--color-error-border) !important;
   margin-bottom: 0 !important;
   border-bottom-left-radius: 0 !important;

Original file line number	Diff line number	Diff line change
`@@ -541,6 +541,7 @@`
`541`	`541`	`}`
`542`	`542`
`543`	`543`	`.markup-block-error {`
	`544`	`+ display: block !important; /* override fomantic .ui.form .error.message {display: none} */`
`544`	`545`	`border: 1px solid var(--color-error-border) !important;`
`545`	`546`	`margin-bottom: 0 !important;`
`546`	`547`	`border-bottom-left-radius: 0 !important;`