use height: 0 instead of display: none to hide jot sections

This commit is contained in:
rabuzarus 2017-04-03 13:38:07 +02:00
parent 68659c7740
commit 036c18be7b
3 changed files with 18 additions and 11 deletions

View file

@ -91,6 +91,10 @@ blockquote {
.hidden {
display: none !important;
}
.minimize {
max-height: 0px !important;
overflow: hidden !important;
}
code {
white-space: pre-wrap;
}

View file

@ -283,19 +283,22 @@
// the following functions show/hide the specific jot content
// in dependence of the selected nav
function aclActive() {
$(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").hide();
$(".modal-body #profile-jot-acl-wrapper").show();
$(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").addClass("minimize");
$(".modal-body #profile-jot-acl-wrapper").removeClass("minimize");
}
function previewActive() {
$(".modal-body #profile-jot-wrapper, .modal-body #profile-jot-acl-wrapper,.modal-body #jot-fbrowser-wrapper").hide();
preview_post();
$(".modal-body #profile-jot-wrapper, .modal-body #profile-jot-acl-wrapper,.modal-body #jot-fbrowser-wrapper").addClass("minimize");
var postPreview = preview_post();
if (postPreview && typeof postPreview !== "undefined") {
$(".modal-body #jot-preview-content").removeClass("minimize");
}
}
function jotActive() {
$(".modal-body #profile-jot-acl-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").hide();
$(".modal-body #profile-jot-wrapper").show();
$(".modal-body #profile-jot-acl-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").addClass("minimize");
$(".modal-body #profile-jot-wrapper").removeClass("minimize");
//make sure jot text does have really the active class (we do this because there are some
// other events which trigger jot text
@ -303,9 +306,9 @@
}
function fbrowserActive() {
$(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content, .modal-body #profile-jot-acl-wrapper").hide();
$(".modal-body #profile-jot-wrapper, .modal-body #jot-preview-content, .modal-body #profile-jot-acl-wrapper").addClass("minimize");
$(".modal-body #jot-fbrowser-wrapper").show();
$(".modal-body #jot-fbrowser-wrapper").removeClass("minimize");
$(function() {Dialog.showJot();});
}

View file

@ -112,14 +112,14 @@
</div>
<div id="profile-jot-acl-wrapper" style="display: none;">
<div id="profile-jot-acl-wrapper" class="minimize">
{{$acl}}
</div>
<div id="jot-preview-content" style="display:none;"></div>
<div id="jot-preview-content" class="minimize"></div>
</form>
<div id="jot-fbrowser-wrapper" style="display: none"></div>
<div id="jot-fbrowser-wrapper" class="minimize"></div>
{{if $content}}<script>initEditor();</script>{{/if}}
</div>