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 { .hidden {
display: none !important; display: none !important;
} }
.minimize {
max-height: 0px !important;
overflow: hidden !important;
}
code { code {
white-space: pre-wrap; white-space: pre-wrap;
} }

View file

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

View file

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