matthew/enhanced-discord.py
1
0
Fork 0
Code Issues 4 Pull Requests 21 Projects Releases Wiki Activity

Add sidebar animation when collapsing

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/_static/sidebar.js vendored
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();
});
});

7
docs/_static/style.css vendored
View File

@ -361,6 +361,13 @@ aside h3 {
user-select: none;
position: relative;
line-height: 0.5em;
transition: transform 0.4s;
transform: rotate(0deg);
}
.expanded {
transition: transform 0.4s;
transform: rotate(-90deg);
}
.ref-internal-padding {