Fix mobile code block overflow in rendered workshop docs (#1740)

Copilot · pelikhan · web-flow · commit a90cb3c84b52 · 2026-07-21T01:07:56.000-07:00
* Initial plan

* Add mobile code wrapping for rendered docs

Co-authored-by: pelikhan &lt;4175913+pelikhan@users.noreply.github.com&gt;

* Simplify mobile code wrapping rule

Co-authored-by: pelikhan &lt;4175913+pelikhan@users.noreply.github.com&gt;

---------

Co-authored-by: copilot-swe-agent[bot] &lt;198982749+Copilot@users.noreply.github.com&gt;
Co-authored-by: pelikhan &lt;4175913+pelikhan@users.noreply.github.com&gt;
diff --git a/scripts/build-docs.js b/scripts/build-docs.js
@@ -464,6 +464,13 @@ body,
   .markdown-body > details > .workshop-page-title {
     font-size: 28px;
   }
+  .markdown-body pre {
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+  .markdown-body pre > code {
+    white-space: inherit;
+  }
 }
 
 .markdown-body .anchor {

Original file line number	Diff line number	Diff line change
`@@ -464,6 +464,13 @@ body,`
`464`	`464`	`.markdown-body > details > .workshop-page-title {`
`465`	`465`	`font-size: 28px;`
`466`	`466`	`}`
	`467`	`+ .markdown-body pre {`
	`468`	`+ white-space: pre-wrap;`
	`469`	`+ overflow-wrap: anywhere;`
	`470`	`+ }`
	`471`	`+ .markdown-body pre > code {`
	`472`	`+ white-space: inherit;`
	`473`	`+ }`
`467`	`474`	`}`
`468`	`475`
`469`	`476`	`.markdown-body .anchor {`