increase panel size when clicked (#11072)
This commit is contained in:
parent
e2228972a5
commit
7fcfa17095
|
@ -47,6 +47,14 @@ body.welco-home div#content {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content.big-top .cell {
|
||||||
|
height: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content.big-top .cell.top {
|
||||||
|
height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.mail-table .cell {
|
.mail-table .cell {
|
||||||
height: 20%;
|
height: 20%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,15 +25,20 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$('div.cell').delegate('h2', 'click', function() {
|
$('div.cell').delegate('h2', 'click', function() {
|
||||||
$('div.cell').removeClass('top');
|
if ($(this).parents('div.cell').hasClass('top')) {
|
||||||
$(this).parents('div.cell').addClass('top');
|
$('div#content').toggleClass('big-top');
|
||||||
|
} else {
|
||||||
|
$('div.cell').removeClass('top');
|
||||||
|
$(this).parents('div.cell').addClass('top');
|
||||||
|
}
|
||||||
|
$(window).trigger('resize');
|
||||||
});
|
});
|
||||||
|
|
||||||
$(window).on('resize', function() {
|
$(window).on('resize', function() {
|
||||||
if ($('.top iframe').length == 1) {
|
if ($('.top iframe').length == 1) {
|
||||||
$('.top iframe').css('height', 'calc( ' + $('.document').height() + 'px - 7em)');
|
$('.top iframe').css('height', 'calc(100% - 4em)');
|
||||||
} else {
|
} else {
|
||||||
$('iframe').css('height', 'calc( ' + $('.document').height() + 'px - 2em)');
|
$('iframe').css('height', '100%');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$(window).trigger('resize');
|
$(window).trigger('resize');
|
||||||
|
|
Loading…
Reference in New Issue