diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 3622686..cee10d6 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -2836,7 +2836,6 @@ a { display: flex; flex-direction: row; justify-content: space-between; - background-color: white; width: 100%; padding: 1rem; } #header-top .region-header-top-left ul .is-active { @@ -2844,7 +2843,8 @@ a { #header-top .region-header-top-left ul ul { display: flex; flex-direction: column; - display: none; } + display: none; + background: white; } #header-top .region-header-top-left ul ul .is-active { color: #009ee3; } #header-top .region-header-top-left ul li { @@ -2862,7 +2862,7 @@ a { color: #009ee3; } #header-top .region-header-top-left ul li :hover { color: #009ee3; } - #header-top .region-header-top-left ul:hover ul { + #header-top .region-header-top-left ul li:hover ul { display: block; } #header-top #block-socialnetwork-2 { position: relative; diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index d365c64..ea894a8 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -97,6 +97,12 @@ ressource.classList.add('opened'); // fleche qui tourne faq // var questions = document.getElementsByClassName("field--name-field-question"); +// var paragraph = document.querySelector('.field--name-field-question p') +// console.log(element) +// var styles = window.getComputedStyle(element,':after') +// var content = styles['content'] +// console.log(content) + // for (let i = 0; i < questions.length; i++) { // const question = questions[i] @@ -111,49 +117,6 @@ ressource.classList.add('opened'); ////////////////////////////////////////// // block collection reste bleu quand actif -// idée: lorsque la div description du parent collection est en vue, appliquer -// la classe .activ{background-color:$blue-dark} -// OU if class - -// $(function() { -// $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active'); -// }); - -// jQuery(function($) { -// $('nav a[href^="/' + ressources/bdd/"30".split("/")[1] + '"]').addClass('active'); -// }); - -// jQuery(function($) { -// var path = window.location.href; // because the 'href' property of the DOM element is the absolute path -// console.log(path); -// var nameCollection = document.querySelectorAll(".view-id-collections .view-content .views-row") -// console.log(nameCollection); -// $('.view-id-collections.view-content.views-row').each(function() { - -// if (this.href === path) { -// console.log(this); -// $(this).addClass('active'); -// } -// }); -// }); - -// jQuery(function($) { -// var path = window.location.href; // because the 'href' property of the DOM element is the absolute path -// console.log(path); - -// var nameCollection = document.querySelectorAll(".view-id-collections .view-content .views-row a") -// console.log(nameCollection); - -// function inView() { - -// let lienPave = document.querySelectorAll(".view-id-collections .view-content .views-row a") -// if (this.href === path) { - - -// this.classList.add('active'); -// } -// }; -// }); jQuery(function($) { var path = window.location.href; // because the 'href' property of the DOM element is the absolute path @@ -166,58 +129,6 @@ jQuery(function($) { }); -// const Autre = document.getElementsByClassName(""); -// const Historique = document.getElementsByClassName(""); - -// var descriptionAutre = document.getElementsByClassName("js-view-dom-id-b65e57a8672654a3b2a59e71c9f5ccfb730d7879c2c0096e324b0ce29b2a3b74").value -// console.log(descriptionAutre); -// // const descriptionHistorique = document.getElementsByClassName("js-view-dom-id-5c891f37126eb689016ea6da376ca1a15cc90c3dbcb394d063fb43dc16ec5250"); - - -// var nameCollection = document.querySelectorAll(".path-ressources .basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a").value -// console.log(nameCollection); - -// // var descriptionCollection = document.getElementsByClassName(""); - -// // let nameCollection = { Autre: "Autres contributions sur la qualité du logement", Historique: "Histoire des expérimentations du logement depuis les années 1950 en Europe"}; - -// var Autre = "Autres contributions sur la qualité du logement" -// var Historique = "Histoire des expérimentations du logement depuis les années 1950 en Europe" -// console.log(Autre, Historique); - -// function getValue(){ -// for (const nameCollection = Autre ){} - -// if (nameCollection === Autre){ -// return "Autres contributions sur la qualité du logement"; -// } - -// } - -// function blueBackground(){ -// // console.log('nameCollection') -// // var descriptionCollection = document.getElementsByClassName(""); -// // if (descriptionCollection === descriptionAutre) -// // nameCollection.addClass('blue'); -// if (getvalue === "Autres contributions sur la qualité du logement") -// nameCollection.addClass('blue'); -// } - - -// let inView = addEventListener("inView", blueBackground); -// console.log(inView) - -// function blueBackground(event){ -// console.log(event, this); - -// } - -// - - - - - // ///////////////// //// ancre dans texte @@ -252,68 +163,3 @@ jQuery(function($) { // } /////////////////// - -// document.addEventListener('click', function(e) { -// if (e.target.classList.contains('rect_white_left') { -// e.target.parentNode.nextElementSibling.classList.toggle('opened');} -// } - - -// fonction pour attribuer la class du parents - -// var fields = document.getElementsByClassName("field--name-field-titre"); -// var paragraphs = document.getElementsByClassName("paragraph--type--texte"); -// for (let i = 0; i < fields.length; i++) { -// const field = fields[i] -// } -// function giveIdParent(){ -// document.field.classList="paragraphs"; -// } - -// Function mouseOut () -// { -// document.getelementbyid("flashdiv").classname="flash-I"; -// } - -// open external link in new window -// $(".ext").each( -// function(i,e){ -// window.open(e, '_blank'); -// } -// ); -// var target = document.getElementsByClassName("ext"); - -// document.addEventListener("click", function(e) { -// if (e.target == true ) -// { -// e.target.setAttribute("target", "_blank"); -// } -// }); - -// add id to field - - // Add data-extlink attribute. -// $links_to_process.attr('data-extlink', ''); - -// var i; -// var length = $links_to_process.length; -// for (i = 0; i < length; i++) { -// var $link = $($links_to_process[i]); -// if (drupalSettings.data.extlink.extUseFontAwesome) { -// if (class_name === drupalSettings.data.extlink.mailtoClass) { -// $link[icon_placement](''); -// } -// else { -// $link[icon_placement](''); -// } -// } -// else { -// if (class_name === drupalSettings.data.extlink.mailtoClass) { -// $link[icon_placement]('' + drupalSettings.data.extlink.mailtoLabel + ''); -// } -// else { -// $link[icon_placement]('' + drupalSettings.data.extlink.extLabel + ''); -// } -// } -// } -// }; \ No newline at end of file diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index ca3572c..ba17478 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -75,7 +75,6 @@ display: flex; flex-direction: row; justify-content: space-between; - background-color: white; width: 100%; padding: 1rem; @@ -83,11 +82,12 @@ color:$blue-light; } ul{ + display: flex; flex-direction: column; - // padding: 1rem; - // padding: 0.5rem; display: none; + background:$white; + .is-active{ color:$blue-light; } @@ -97,7 +97,6 @@ flex-direction: column; background-color: $white; padding-bottom: 0.8rem; - // align-items: center; min-width: 30%; align-items: center; .menuOpen{ @@ -105,8 +104,6 @@ } a { color: $black; - // text-align: center; - } .is-active{ color:$blue-light; @@ -115,75 +112,11 @@ color: $blue-light; } } - &:hover{ - ul{ - display: block; - } + + li:hover ul { + display: block; } } - - // ul ul { - // display: none; - // } - - // :hover ul{ - // ul{ - // display: flex; - // justify-content: space-between; - // padding: 1rem; - // background-color: white; - - // .is-active{ - // color:$blue-light; - // } - - // a{ - // color: $black; - // &:hover{ - // color: $blue-light; - // } - // } - // } - // } - - // :hover div:first-of-type{ - // .menuOpen ul{ - // display: flex; - // justify-content: space-between; - // padding: 1rem; - // background-color: white; - - // .is-active{ - // color:$blue-light; - // } - - // a{ - // color: $black; - // &:hover{ - // color: $blue-light; - // } - // } - // } - // } - // :hover ul div:nth-of-type(2){ - // .menuOpen ul{ - // display: flex; - // justify-content: space-between; - // padding: 1rem; - // background-color: white; - - // .is-active{ - // color:$blue-light; - // } - - // a{ - // color: $black; - // &:hover{ - // color: $blue-light; - // } - // } - // } - // } } // reseaux sociaux