From: Bartosz Dziewoński <matma.rex@gmail.com>
Date: Tue, 31 Jan 2017 00:03:38 +0000 (+0100)
Subject: Ensure the editing textarea is not higher than browser's viewport
X-Git-Tag: 1.31.0-rc.0~3869^2
X-Git-Url: https://git.cyclocoop.org/%27.%24link.%27?a=commitdiff_plain;h=33df5610ae40fcc95a2254582278b80f69fd7c1f;p=lhc%2Fweb%2Fwiklou.git

Ensure the editing textarea is not higher than browser's viewport

Limit it to 100vh. 'vh' is a new unit introduced in CSS3, representing 1%
of the viewport height, and fairly widely supported in today's browsers:
<http://caniuse.com/#feat=viewport-units>.

Bug: T155886
Change-Id: I4a32d7d5c4eb110c9ecd0b6b13e4c176d343d82f
---

diff --git a/resources/src/mediawiki.action/mediawiki.action.edit.styles.css b/resources/src/mediawiki.action/mediawiki.action.edit.styles.css
index 0ee40582cb..d288e6b999 100644
--- a/resources/src/mediawiki.action/mediawiki.action.edit.styles.css
+++ b/resources/src/mediawiki.action/mediawiki.action.edit.styles.css
@@ -6,6 +6,10 @@
 #wpTextbox1 {
 	margin: 0;
 	display: block;
+	/* Ensure the textarea is not higher than browser's viewport on small screens */
+	max-height: 100vh;
+	/* But don't let it collapse into nothingness on really tiny screens */
+	min-height: 5em;
 }
 
 /* Adjustments to edit form elements */