commit 1bd6e4469bb84bb49b342c10d9aa14ffd5f01187
parent e35b9020b16985eee26e942f9a3f6b045bc3809b
Author: Chris DeLuca <637174+bronzehedwick@users.noreply.github.com>
Date: Wed, 4 Jan 2023 10:15:08 -0500
docs(website): soft wrap code blocks #21644
Use `white-space: pre-wrap` to preserve white space as per `pre`, but to
allow line wrapping if the display runs out of horizontal space.
This prevents lines overflowing their box, and causing horizontal
scrolling across the entire page on small screens.
This `pre-wrap` technique is used by GitHub to format code for mobile.
See https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#pre-wrap
Diffstat:
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/scripts/gen_help_html.lua b/scripts/gen_help_html.lua
@@ -961,7 +961,7 @@ local function gen_css(fname)
pre {
/* Tabs are used in codeblocks only for indentation, not alignment, so we can aggressively shrink them. */
tab-size: 2;
- white-space: pre;
+ white-space: pre-wrap;
line-height: 1.3; /* Important for ascii art. */
overflow: visible;
/* font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; */