Add sidebar animation when collapsing

This commit is contained in:
Nihaal Sangha
2020-09-01 20:24:03 +01:00
committed by Rapptz
parent 13dacb3994
commit 0559d77e5a
2 changed files with 9 additions and 5 deletions

View File

@ -64,19 +64,17 @@ class Sidebar {
collapseSection(icon) {
icon.classList.remove('expanded');
icon.classList.add('collapsed');
icon.innerText = 'chevron_right';
let children = icon.nextElementSibling.nextElementSibling;
// <arrow><heading>
// --> <square><children>
children.style.display = "none";
setTimeout(() => children.style.display = "none", 75)
}
expandSection(icon) {
icon.classList.remove('collapse');
icon.classList.add('expanded');
icon.innerText = 'expand_more';
let children = icon.nextElementSibling.nextElementSibling;
children.style.display = "block";
setTimeout(() => children.style.display = "block", 75)
}
setActiveLink(section) {
@ -127,4 +125,3 @@ document.addEventListener('DOMContentLoaded', () => {
sidebar.resize();
});
});