From: Derk-Jan Hartman <hartman.wiki@gmail.com>
Date: Mon, 11 Apr 2016 11:05:14 +0000 (+0200)
Subject: Thumbnails: allow overflow inside thumbnails
X-Git-Tag: 1.31.0-rc.0~7321^2
X-Git-Url: http://git.cyclocoop.org/%22%2C%20generer_url_ecrire%28?a=commitdiff_plain;h=2964c2799f0c19ac4c765f025a2998a0f3baeff0;p=lhc%2Fweb%2Fwiklou.git

Thumbnails: allow overflow inside thumbnails

overflow:hidden on the thumbnail has been in place like this for a
long time. One of the primary reasons was for long sentences in the
thumbcaption. For that, modern browsers now support word-wrap.
I know of no good reasons why overflow would have to apply to the
rest of the frame. Therfor moved to thumbcaption only, and added
word-wrap.

Bug: T132306
Change-Id: I1953683fa2a6d22ed82bac1acd37e5cb12636381
---

diff --git a/resources/src/mediawiki.legacy/commonPrint.css b/resources/src/mediawiki.legacy/commonPrint.css
index 77ecfcba41..3e6ee56bff 100644
--- a/resources/src/mediawiki.legacy/commonPrint.css
+++ b/resources/src/mediawiki.legacy/commonPrint.css
@@ -243,7 +243,6 @@ div.thumbinner {
 	background-color: White;
 	font-size: 94%;
 	text-align: center;
-	overflow: hidden;
 }
 
 html .thumbimage {
@@ -256,6 +255,8 @@ html .thumbcaption {
 	line-height: 1.4em;
 	padding: 3px !important;
 	font-size: 94%;
+	overflow: hidden;
+	word-wrap: break-word;
 }
 
 div.magnify {
diff --git a/resources/src/mediawiki.legacy/oldshared.css b/resources/src/mediawiki.legacy/oldshared.css
index 5d637da087..9adfba186f 100644
--- a/resources/src/mediawiki.legacy/oldshared.css
+++ b/resources/src/mediawiki.legacy/oldshared.css
@@ -90,7 +90,6 @@ div.thumbinner {
 	background-color: #f9f9f9;
 	font-size: 94%;
 	text-align: center;
-	overflow: hidden;
 }
 
 html .thumbimage {
@@ -103,6 +102,8 @@ html .thumbcaption {
 	padding: 3px;
 	font-size: 94%;
 	text-align: left;
+	overflow: hidden;
+	word-wrap: break-word;
 }
 
 div.magnify {
diff --git a/resources/src/mediawiki.skinning/content.css b/resources/src/mediawiki.skinning/content.css
index e6f92a5c71..89f8745365 100644
--- a/resources/src/mediawiki.skinning/content.css
+++ b/resources/src/mediawiki.skinning/content.css
@@ -152,7 +152,6 @@ div.thumbinner {
 	background-color: #f9f9f9;
 	font-size: 94%;
 	text-align: center;
-	overflow: hidden;
 }
 
 html .thumbimage {
@@ -164,6 +163,8 @@ html .thumbcaption {
 	line-height: 1.4em;
 	padding: 3px;
 	font-size: 94%;
+	overflow: hidden;
+	word-wrap: break-word;
 	/* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
 	text-align: left;
 }