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 GitHub
parent 0124abb030
commit 0b020fc339
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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) { collapseSection(icon) {
icon.classList.remove('expanded'); icon.classList.remove('expanded');
icon.classList.add('collapsed'); icon.classList.add('collapsed');
icon.innerText = 'chevron_right';
let children = icon.nextElementSibling.nextElementSibling; let children = icon.nextElementSibling.nextElementSibling;
// <arrow><heading> // <arrow><heading>
// --> <square><children> // --> <square><children>
children.style.display = "none"; setTimeout(() => children.style.display = "none", 75)
} }
expandSection(icon) { expandSection(icon) {
icon.classList.remove('collapse'); icon.classList.remove('collapse');
icon.classList.add('expanded'); icon.classList.add('expanded');
icon.innerText = 'expand_more';
let children = icon.nextElementSibling.nextElementSibling; let children = icon.nextElementSibling.nextElementSibling;
children.style.display = "block"; setTimeout(() => children.style.display = "block", 75)
} }
setActiveLink(section) { setActiveLink(section) {
@ -127,4 +125,3 @@ document.addEventListener('DOMContentLoaded', () => {
sidebar.resize(); sidebar.resize();
}); });
}); });

7
docs/_static/style.css vendored
View File

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