autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ui(right panel): #issue84 CSS - Right panel

Browse Source 
Transform svg files + add them as font.
Review and correct HTML architecture.
Review and add styles.
Open/close menu on right + expand content.
This commit is contained in:
Gaëlle Morin
2019-01-25 15:47:14 +01:00
parent ed50a26380
commit 5bf9568e2f
21 changed files with 530 additions and 739 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/scripts/index.js
View File

@ -2,6 +2,9 @@ document.addEventListener('DOMContentLoaded', function (event) {
const navBar = document.querySelector('#navbar');
const btnToggle = document.querySelector('#button-toggle');
const menuWrappers = Array.from(document.querySelectorAll('.menu-wrapper'));
const btnRightMenu = document.querySelector('#jsOffsiteToggle');
const rightMenu = document.querySelector('#jsRightMenu');
if (!navBar || !btnToggle) return;
btnToggle.addEventListener('click', e => {
@ -35,4 +38,8 @@ document.addEventListener('DOMContentLoaded', function (event) {
});
});
// Open/close menu on the right
btnRightMenu.addEventListener('click', e => {
rightMenu.classList.toggle('offsite-is-closed');
});
});