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

feature+ui(circles): issue #91 CSS - Right menu of circles + issue #92 CSS - circle-create + issue #93 HTML-CSS - circle-profile

Browse Source 
Add styles to the right menu and fix bug on toggle
Add styles to the form
Add styles and HTML to circle-profile
Add styles to sib-form-multiple-dropdown
Clean up content.scss and circle-profile
This commit is contained in:
Gaëlle Morin
2019-02-19 16:40:29 +01:00
parent db40b83e5a
commit 3f2695edcd
13 changed files with 263 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/scripts/index.js
View File

@ -2,12 +2,7 @@ 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');
const display = document.querySelector('sib-display#profiles-list');
const nav = display.querySelector("nav");
console.log(nav);
const rightMenus = Array.from(document.querySelectorAll('nav.jsRightMenu'));
if (!navBar || !btnToggle) return;
@ -43,7 +38,12 @@ document.addEventListener('DOMContentLoaded', function (event) {
});
// Open/close menu on the right
btnRightMenu.addEventListener('click', e => {
rightMenu.classList.toggle('offsite-is-closed');
});
rightMenus.forEach(rightMenu => {
const btnRightMenu = rightMenu.querySelector("li.jsOffsiteToggle");
btnRightMenu.addEventListener('click', e => {
rightMenu.classList.toggle('offsite-is-closed');
})
})
});