jepler/circuitpython-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add close icon toggle to mobile menu

Browse source
This commit is contained in:
Justin Cooper 2019-11-06 10:51:54 -06:00
parent 94fd101858
commit dc1adb75bd
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/javascript/header_mobile.js
View file

@ -1,5 +1,5 @@
document.addEventListener('DOMContentLoaded', function() {
document.getElementById("mobile-menu-button").addEventListener('click', handleMobileToggle);
document.getElementById('mobile-menu-button').addEventListener('click', handleMobileToggle);
});
function handleMobileToggle(event) {
@ -8,4 +8,11 @@ function handleMobileToggle(event) {
var menuContainer = document.getElementById('mobile-menu-contents');
menuContainer.classList.toggle('hidden');
var menuIcon = document.querySelector('#mobile-menu-button > i');
if (menuContainer.classList.contains('hidden')) {
menuIcon.classList.replace('fa-times', 'fa-bars');
} else {
menuIcon.classList.replace('fa-bars', 'fa-times');
}
}

1
assets/sass/layout/_header_mobile.scss
View file

@ -15,6 +15,7 @@
a {
color: #fff;
outline: none;
}
}
}