From: Cormac Parle <cparle@wikimedia.org>
Date: Mon, 25 Sep 2017 13:44:26 +0000 (+0100)
Subject: Add print styles for gallery mode packed-hover
X-Git-Tag: 1.31.0-rc.0~1964^2
X-Git-Url: http://git.cyclocoop.org/%24self?a=commitdiff_plain;h=cd9f67721bf48e0b268eb12edf1094883ca0c2b3;p=lhc%2Fweb%2Fwiklou.git

Add print styles for gallery mode packed-hover

Bug: T140346
Change-Id: Ifd94706c427c6bb7577040bbfecfdc6a303e0d8b
---

diff --git a/resources/Resources.php b/resources/Resources.php
index f0aa9ecbca..a27bb98ba5 100644
--- a/resources/Resources.php
+++ b/resources/Resources.php
@@ -1649,8 +1649,8 @@ return [
 	],
 	'mediawiki.page.gallery.styles' => [
 		'styles' => [
-			'resources/src/mediawiki/page/gallery.print.css' => [ 'media' => 'print' ],
 			'resources/src/mediawiki/page/gallery.css',
+			'resources/src/mediawiki/page/gallery.print.css' => [ 'media' => 'print' ],
 		],
 		'targets' => [ 'desktop', 'mobile' ],
 	],
diff --git a/resources/src/mediawiki/page/gallery.print.css b/resources/src/mediawiki/page/gallery.print.css
index 2ae670b800..047c93364e 100644
--- a/resources/src/mediawiki/page/gallery.print.css
+++ b/resources/src/mediawiki/page/gallery.print.css
@@ -28,8 +28,32 @@ li.gallerybox div.thumb {
 }
 
 div.gallerytext {
-	overflow: hidden;
-	font-size: 10pt;
-	padding: 2px 4px;
-	word-wrap: break-word;
+	overflow: visible;
+}
+
+ul.mw-gallery-packed-hover div.gallerytextwrapper {
+	overflow: visible;
+	height: auto;
+}
+
+ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
+ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
+ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
+	position: static;
+	background: transparent;
+	padding: 0;
+	bottom: 0;
+	max-height: none;
+	overflow: visible;
+	font-weight: normal;
+	margin: 0; /* correspond to style on div.thumb */
+}
+
+ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,
+ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,
+ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p {
+	text-overflow: clip;
+	white-space: normal;
+	overflow: visible;
 }
+