Tweak and add animations

* Add animations when hiding/showing the button toolbars
* Tweak the list select animations
This commit is contained in:
Paul van Tilburg 2017-12-30 17:16:37 +01:00
parent 673b58bdec
commit ec1e384552
1 changed files with 11 additions and 11 deletions

View File

@ -35,16 +35,16 @@ function selectList(listId) {
lists.forEach(function(list) {
var listElem = getListElem(list.id);
if (list.id == listId) {
listElem.fadeIn(250);
listElem.show(200);
} else {
listElem.fadeOut(250);
listElem.hide(200);
}
});
} else {
console.debug("Showing all lists");
lists.forEach(function(list) {
var listElem = getListElem(list.id);
listElem.fadeIn(250);
listElem.show(200);
});
}
}
@ -102,20 +102,20 @@ function revertListChanges(listElem) {
}
function disableListEditMode(listElem) {
$('.list-data', listElem).hide()
$('.list-data', listElem).hide(200)
.popover('hide');
$('.list-html', listElem).show();
$('.list-edit-buttons', listElem).hide();
$('.list-edit-mode-buttons', listElem).show();
$('.list-html', listElem).show(200);
$('.list-edit-buttons', listElem).hide(200);
$('.list-edit-mode-buttons', listElem).show(200);
$('.list-edit-help', listElem).removeClass('active')
.popover('hide');
}
function enableListEditMode(listElem) {
$('.list-data', listElem).show();
$('.list-html', listElem).hide();
$('.list-edit-mode-buttons', listElem).hide();
$('.list-edit-buttons', listElem).show();
$('.list-data', listElem).show(200);
$('.list-html', listElem).hide(200);
$('.list-edit-mode-buttons', listElem).hide(200);
$('.list-edit-buttons', listElem).show(200);
}
$(function() {