causeway-standard-theme
Version:
61 lines (52 loc) • 1.55 kB
JavaScript
(function (window, jQuery) {
'use strict';
// Left Navigation Height
var adjustNavHeight = function () {
if (window.innerWidth < 992) {
return false;
}
var clientHeight = document.documentElement.clientHeight;
jQuery('.navigation-pane-left').css('height', clientHeight);
// jQuery('.navigation-content-wrapper').scrollbar();
};
adjustNavHeight();
jQuery(window).resize(adjustNavHeight);
// Click to close left shell
var handle = jQuery('.handle', jQuery('.divider-navigation'));
var leftShellWidth = 350;
handle.on('click', function () {
if (window.innerWidth < 992) {
return false;
}
var $this = jQuery(this),
divider = $this.parent(),
leftShell = divider.prev('.navigation-pane-left'),
rightPane = divider.next('.navigation-pane-right');
leftShellWidth = (parseInt(leftShell.width(), 10) === 0) ? leftShellWidth : parseInt(leftShell.width(), 10);
if (leftShell.hasClass('closed')) {
leftShell.animate({
'width': leftShellWidth
});
divider.animate({
'left': leftShellWidth
});
rightPane.animate({
'margin-left': leftShellWidth
});
$this.removeClass('closed');
leftShell.removeClass('closed');
} else {
leftShell.animate({
'width': 0
});
divider.animate({
'left': 0
});
rightPane.animate({
'margin-left': 0
});
$this.addClass('closed');
leftShell.addClass('closed');
}
});
}(window, jQuery));