41 lines
1.0 KiB
Plaintext
41 lines
1.0 KiB
Plaintext
(function() {
|
|
'use strict';
|
|
|
|
window.utils = window.utils || {};
|
|
|
|
window.utils.aside = function(asideEl) {
|
|
|
|
function init() {
|
|
var favoritesBtn = document.querySelector('.navbar__list-item--favorite');
|
|
favoritesBtn.addEventListener('click', function(event) {
|
|
asideEl.classList.toggle('main__aside--expanded');
|
|
event.preventDefault();
|
|
}, true);
|
|
}
|
|
init();
|
|
};
|
|
})();
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
var asidenavEl = document.querySelector('.main__aside');
|
|
var mainContentEl = document.querySelector('.main__content');
|
|
|
|
function adjustHeight() {
|
|
window.requestAnimationFrame(function() {
|
|
asidenavEl.style.height = mainContentEl.clientHeight + 'px';
|
|
});
|
|
}
|
|
|
|
// unbeknownst to the user (below the fold), this happes slightly delayed
|
|
// because of dynamic changes to the styles inside the main__content
|
|
setTimeout(function() {
|
|
adjustHeight();
|
|
}, 10);
|
|
|
|
window.addEventListener('resize', adjustHeight);
|
|
|
|
window.utils.aside(asidenavEl);
|
|
|
|
});
|