From: Mormegil <mormegil@centrum.cz>
Date: Fri, 24 Apr 2015 14:51:30 +0000 (+0200)
Subject: Fix category column count regression
X-Git-Tag: 1.31.0-rc.0~11600^2
X-Git-Url: https://git.cyclocoop.org/%27.WWW_URL.%27admin/?a=commitdiff_plain;h=7a4cce3fde69512ae17877b20afd464b64ffd3e3;p=lhc%2Fweb%2Fwiklou.git

Fix category column count regression

T55130 redesigned category view to use dynamic CSS-based columns
instead of the old fixed 3-column layout. The design was updated
in I20b68dea8f, setting the column width to 25em.

However, on 1280px screen, this reduces the layout to just 2 columns,
as 3 columns do not fit: With the default 14px font, 25em translates
to 350px of column width, plus 1em of column-gap, therefore, 1078px
of space would be required for three columns. However, a 1280px
screen seems to have only 1038px left for content, so 40px are
missing.

By reducing the column size slightly to 24em, three columns are back.

Bug: T55130
Change-Id: I2dbecf809c54d786579bdf3826efbf85ad822c7c
---

diff --git a/resources/src/mediawiki.action/mediawiki.action.view.categoryPage.less b/resources/src/mediawiki.action/mediawiki.action.view.categoryPage.less
index f01115b814..387b020736 100644
--- a/resources/src/mediawiki.action/mediawiki.action.view.categoryPage.less
+++ b/resources/src/mediawiki.action/mediawiki.action.view.categoryPage.less
@@ -2,7 +2,7 @@
 
 .mw-category {
 	.column-count(3);
-	.column-width(25em);
+	.column-width(24em);
 	.mw-category-group {
 		li {
 			.column-break-inside-avoid;