update from sparkleup

This commit is contained in:
Madison Scott-Clary 2020-04-15 19:40:06 -07:00
parent 4bc425a9d3
commit 72f6367d8e
2 changed files with 5 additions and 5 deletions

View File

@ -239,14 +239,14 @@
</footer> </footer>
</main> </main>
<style> <style>
.has-nested:before { .has-nested .toggle:before {
content: '▼'; content: '▼';
} }
.has-nested.closed:before { .has-nested.closed .toggle:before {
content: '▶'; content: '▶';
} }
.has-nested.closed { .has-nested.closed {
max-height: 16pt; max-height: calc(16pt*1.2);
overflow: hidden; overflow: hidden;
} }
</style> </style>
@ -254,14 +254,14 @@
document.querySelectorAll('li').forEach(el => { document.querySelectorAll('li').forEach(el => {
if (el.querySelectorAll('li').length !== 0) { if (el.querySelectorAll('li').length !== 0) {
el.classList.add('has-nested', 'closed'); el.classList.add('has-nested', 'closed');
el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
} }
}); });
document.querySelectorAll('li.has-nested').forEach(el => { document.querySelectorAll('li.has-nested').forEach(el => {
el.querySelector(':before').addEventListener('click', () => { el.querySelector('.toggle').addEventListener('click', () => {
el.classList.toggle('closed'); el.classList.toggle('closed');
}); });
}); });
</script> </script>
</body> </body>
</html> </html>