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

GiteaBot · silverwind · web-flow · commit 2b10eebed8ba · 2023-04-09T08:48:28.000-04:00
Backport #24009 by @silverwind 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"> Co-authored-by: silverwind <me@silverwind.io>
diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
@@ -540,6 +540,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
`@@ -540,6 +540,7 @@`
`540`	`540`	`}`
`541`	`541`
`542`	`542`	`.markup-block-error {`
	`543`	`+ display: block !important; /* override fomantic .ui.form .error.message {display: none} */`
`543`	`544`	`border: 1px solid var(--color-error-border) !important;`
`544`	`545`	`margin-bottom: 0 !important;`
`545`	`546`	`border-bottom-left-radius: 0 !important;`