Wrap lines in <pre> and .mw-code by default
authorTimo Tijhof <krinklemail@gmail.com>
Thu, 25 Jun 2015 04:38:10 +0000 (05:38 +0100)
committerTimo Tijhof <krinklemail@gmail.com>
Thu, 25 Jun 2015 04:51:33 +0000 (05:51 +0100)
No longer create inline scrollbars and/or page-level scrollbarts
with the content escaping the skin container.

This used to be an option in SyntaxHighlighter Geshi (using enclose="div")
but it makes more sense to do by default.

Also move the 'direction' and 'unicode-bidi' rules that currently
live in SyntaxHighlighter extension. Make them the default instead.

Pre-wrap is supported by IE 8+, Firefox 3.5+, Chrome 1+, Opera 8+,
and Safari 3+.

Bug: T103780
Change-Id: Icd8b9bd56d6abc7b64c93e89541cf32c55cf7686

resources/src/mediawiki.skinning/elements.css

index 9c59fc1..6986034 100644 (file)
@@ -199,6 +199,11 @@ pre, .mw-code {
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        padding: 1em;
+       /* @noflip */
+       direction: ltr;
+       unicode-bidi: embed;
+       /* Wrap lines in overflow. T103780 */
+       white-space: pre-wrap;
 }
 
 /* Tables */