In the generated documentation in some cases rows/cells of the table overflow width of the screen, as you can see here (Firefox 84.0.2 64bit):
The overflow is caused by <pre> elements (mostly <pre class=" language-xml">) containing example or schematron definition with long lines.
If you change CSS white-space property's value from pre to pre-wrap (see prism.css stylesheet, rule code[class *= "language-"], pre[class *= "language-"]), the result can look like this:
The same approach (pre-wrap value for white-space property) ia used in the TEI Guidlines (see https://tei-c.org/release/doc/tei-p5-doc/en/html/guidelines.css, rule pre,div.pre,div.pre_eg,pre.eg,div.eg on line 382). The documentation for this property can be found on MDN.
Using this value can result in some unwanted/strange rendering of examples, as you can see here (current look followed by proposed):
In the generated documentation in some cases rows/cells of the table overflow width of the screen, as you can see here (Firefox 84.0.2 64bit):![TEI-LEX-0_Overflow](https://user-images.githubusercontent.com/8056045/104808919-92fd4380-57e9-11eb-8310-6bb28f8f394a.png)
The overflow is caused by
<pre>
elements (mostly<pre class=" language-xml">
) containing example or schematron definition with long lines.If you change CSS![TEI-LEX-0_WRAP](https://user-images.githubusercontent.com/8056045/104809193-b1fcd500-57eb-11eb-980e-35dbe8ba2332.png)
white-space
property's value frompre
topre-wrap
(see prism.css stylesheet, rulecode[class *= "language-"], pre[class *= "language-"]
), the result can look like this:The same approach (
pre-wrap
value forwhite-space
property) ia used in the TEI Guidlines (see https://tei-c.org/release/doc/tei-p5-doc/en/html/guidelines.css, rulepre,div.pre,div.pre_eg,pre.eg,div.eg
on line 382). The documentation for this property can be found on MDN.Using this value can result in some unwanted/strange rendering of examples, as you can see here (current look followed by proposed):