increase panel size when clicked (#11072)

This commit is contained in:
Frédéric Péters 2016-05-26 16:50:50 +02:00
parent e2228972a5
commit 7fcfa17095
2 changed files with 17 additions and 4 deletions

View File

@ -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%;
}

View File

@ -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');