Print styles: Wrap CSS-generated URLs
authorGabriel Wicke <gwicke@wikimedia.org>
Tue, 3 May 2016 23:14:43 +0000 (16:14 -0700)
committerGabriel Wicke <gwicke@wikimedia.org>
Wed, 4 May 2016 00:43:34 +0000 (17:43 -0700)
Chrome does not actually break CSS-generated URL content with word-wrap, which
causes some infoboxes to expand to the entire page.

This patch adds the word-break CSS property, which allows Chrome to break
those URLs at any position. This fixes the rendering of infoboxes on pages
like https://en.wikipedia.org/wiki/San_Francisco.

With basically all PDF generators (including browsers) including clickable
links & many PDFs consumed on-screen it might be worth considering making
print URLs optional at some point, and defaulting to "screen optimized" PDFs.

Change-Id: I8d03032a553643198da6a1dd8b78201a9255fcbb

resources/src/mediawiki.legacy/commonPrint.css

index ef239ed..d04e3a6 100644 (file)
@@ -173,6 +173,7 @@ a {
 .mw-body a.external.text:after,
 .mw-body a.external.autonumber:after {
        content: " (" attr( href ) ")";
+       word-break: break-all;
        word-wrap: break-word;
 }