Increase font size for accessibility (ankitects#3832)

GithubAnon0000 · web-flow · commit 00cc1b408a2e · 2025-02-21T17:14:15.000+07:00
Apparently no font size should be lower than 12px, see https://www.boia.org/blog/accessibility-tips-let-users-control-font-size. With the current 55%, I get a computed font size of 8.25px though. Considering the text shows the helpful message "Press ⁨Enter⁩ to accept, ⁨Shift+Enter⁩ for new line.", I think we should add a minimum font size.
diff --git a/ts/editor/mathjax-overlay/MathjaxEditor.svelte b/ts/editor/mathjax-overlay/MathjaxEditor.svelte
@@ -144,7 +144,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
         :global(.CodeMirror-placeholder) {
             font-family: sans-serif;
-            font-size: 55%;
+            font-size: max(12px, 55%);
             text-align: center;
             color: var(--fg-subtle);
         }

Original file line number	Diff line number	Diff line change
`@@ -144,7 +144,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html`
`144`	`144`
`145`	`145`	`:global(.CodeMirror-placeholder) {`
`146`	`146`	`font-family: sans-serif;`
`147`		`- font-size: 55%;`
	`147`	`+ font-size: max(12px, 55%);`
`148`	`148`	`text-align: center;`
`149`	`149`	`color: var(--fg-subtle);`
`150`	`150`	`}`