Allow detected external links to linebreak at any place

These so called 'bare urls', which are not wrapped in [] can be very
long at times and because they are not normal text usually don't wrap
to a new line when needed, causing annoying overflows,
especially on smaller screens and often on talk pages where they are a
bit more common. This is CSS3.

Change-Id: Ied3f5fb52d79318c40d541f2c47ae36ea2dfe504

diff --git a/resources/src/mediawiki.skinning/elements.css b/resources/src/mediawiki.skinning/elements.css
index cbc97ab..d706d26 100644 (file)
--- a/resources/src/mediawiki.skinning/elements.css
+++ b/resources/src/mediawiki.skinning/elements.css
@@ -64,6 +64,10 @@ a.new:visited, #p-personal a.new:visited {
        color: #b63;
 }
 
+.mw-body a.external.free {
+       word-wrap: break-word;
+}
+
 /* Inline Elements */
 img {
        border: none;