From 7fcfa170951c36e9b34048850755ae7006292e55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Thu, 26 May 2016 16:50:50 +0200
Subject: [PATCH] increase panel size when clicked (#11072)

---
 welco/static/css/style.css      |  8 ++++++++
 welco/templates/welco/home.html | 13 +++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/welco/static/css/style.css b/welco/static/css/style.css
index 5c91919..1a8c170 100644
--- a/welco/static/css/style.css
+++ b/welco/static/css/style.css
@@ -47,6 +47,14 @@ body.welco-home div#content {
 	position: relative;
 }
 
+#content.big-top .cell {
+	height: 5%;
+}
+
+#content.big-top .cell.top {
+	height: 95%;
+}
+
 .mail-table .cell {
 	height: 20%;
 }
diff --git a/welco/templates/welco/home.html b/welco/templates/welco/home.html
index 3c2f623..7197e93 100644
--- a/welco/templates/welco/home.html
+++ b/welco/templates/welco/home.html
@@ -25,15 +25,20 @@
 
 <script>
 $('div.cell').delegate('h2', 'click', function() {
-	$('div.cell').removeClass('top');
-	$(this).parents('div.cell').addClass('top');
+	if ($(this).parents('div.cell').hasClass('top')) {
+		$('div#content').toggleClass('big-top');
+	} else {
+		$('div.cell').removeClass('top');
+		$(this).parents('div.cell').addClass('top');
+	}
+	$(window).trigger('resize');
 });
 
 $(window).on('resize', function() {
 	if ($('.top iframe').length == 1) {
-		$('.top iframe').css('height', 'calc( ' + $('.document').height() + 'px - 7em)');
+		$('.top iframe').css('height', 'calc(100% - 4em)');
 	} else {
-		$('iframe').css('height', 'calc( ' + $('.document').height() + 'px - 2em)');
+		$('iframe').css('height', '100%');
 	}
 });
 $(window).trigger('resize');