From c64377476744bb341dcaee58b72b1da6e967bf19 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 28 Jan 2022 08:52:10 +0100 Subject: [PATCH] fond home --- web/themes/custom/eql/css-compiled/styles.css | 7 +++++-- web/themes/custom/eql/scripts/main.js | 19 +++++++++++-------- web/themes/custom/eql/scss/pages/_faq.scss | 13 +++++++++++-- web/themes/custom/eql/scss/pages/_home.scss | 4 ++-- 4 files changed, 29 insertions(+), 14 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index baa550a..ce98d63 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -375,7 +375,7 @@ a { min-height: 100vh; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 { grid-area: presentation; - background: url("../images/carre_site.mp4"); + background: url("../images/pictos/forme_home_2.svg"); background-size: 75%; background-position-y: bottom; background-position-x: left; @@ -1353,8 +1353,11 @@ a { .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after { display: inline-flex; content: url('data:image/svg+xml,'); - justify-self: flex-end; float: right; } + .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question :hover:after { + display: inline-flex; + content: url('data:image/svg+xml,'); + float: right; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse { display: none; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers { diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index 34d705b..63c369a 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -8,7 +8,7 @@ var burgertitle = document.getElementById("block-burger-menu"); burgertitle.addEventListener("click", toggleMenu); function toggleMenu(event) { - console.log(event); + // console.log(event); burger.classList.toggle('opened'); } @@ -24,7 +24,7 @@ for (let i = 0; i < questions.length; i++) { question.addEventListener("click", toggleFaq); } function toggleFaq(event) { - console.log(event, this); + // console.log(event, this); // fermé tout for (let i = 0; i < answers.length; i++) { answers[i].classList.remove('opened'); @@ -48,7 +48,7 @@ for (let i = 0; i < questions.length; i++) { question.addEventListener("click", toggleFaqFichiers); } function toggleFaqFichiers(event) { - console.log(event, this); + // console.log(event, this); for (let i = 0; i < fichiers.length; i++) { fichiers[i].classList.remove('opened'); } @@ -58,7 +58,7 @@ fichier.classList.add('opened'); } -////// +//////////////////////// var liens = document.getElementsByClassName("field--name-field-liens"); var questions = document.getElementsByClassName("field--name-field-question"); @@ -67,7 +67,7 @@ for (let i = 0; i < questions.length; i++) { question.addEventListener("click", toggleFaqLiens); } function toggleFaqLiens(event) { - console.log(event, this); + // console.log(event, this); for (let i = 0; i < liens.length; i++) { liens[i].classList.remove('opened'); } @@ -76,6 +76,7 @@ let lien = this.parentNode.querySelector('.field--name-field-liens'); lien.classList.add('opened'); } +////////////////////// var ressources = document.getElementsByClassName("field--name-field-ress"); var questions = document.getElementsByClassName("field--name-field-question"); @@ -84,7 +85,7 @@ for (let i = 0; i < questions.length; i++) { question.addEventListener("click", toggleFaqRessources); } function toggleFaqRessources(event) { - console.log(event, this); + // console.log(event, this); for (let i = 0; i < resources.length; i++) { ressources[i].classList.remove('opened'); } @@ -94,12 +95,14 @@ 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 paragraph = document.querySelector('.field--name-field-question p::after'); +// console.log(paragraph) // var styles = window.getComputedStyle(element,':after') +// console.log(styles) // var content = styles['content'] // console.log(content) diff --git a/web/themes/custom/eql/scss/pages/_faq.scss b/web/themes/custom/eql/scss/pages/_faq.scss index 801ba95..ebffdb8 100644 --- a/web/themes/custom/eql/scss/pages/_faq.scss +++ b/web/themes/custom/eql/scss/pages/_faq.scss @@ -138,11 +138,20 @@ &:after{ display:inline-flex; content: url('data:image/svg+xml,'); - justify-self: flex-end; + // justify-self: flex-end; float: right; } } - + :hover { + &:after{ + display:inline-flex; + content: url('data:image/svg+xml,'); + // justify-self: flex-end; + float: right; + + } + + } } .field--name-field-reponse{ diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 33bce7a..709fd3f 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -20,8 +20,8 @@ .block-views-blockhome-nodes-block-1{ grid-area: presentation; // grid-row: 1; - // background: url("../images/pictos/forme_home_2.svg"); - background: url("../images/carre_site.mp4"); + background: url("../images/pictos/forme_home_2.svg"); + // background: url("../images/carre_site.mp4"); background-size: 75%; background-position-y: bottom; background-position-x: left;