bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css form faq

Browse Source
This commit is contained in:
ouidade
2022-01-05 17:01:59 +01:00
parent 01ed693540
commit ef17dda90f
12 changed files with 159 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/prefixed/styles.css
+83 -24
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/css-compiled/styles.css
+46 -49
View File
@@ -197,7 +197,7 @@ a {
position: relative; }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
display: flex;
justify-content: end;
justify-content: flex-end;
position: sticky;
top: 7rem; }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
@@ -314,7 +314,7 @@ a {
padding-top: 1rem; }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; }
align-self: flex-end; }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
color: black;
font-size: 1.4rem;
@@ -477,7 +477,7 @@ a {
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 1;
align-self: end;
align-self: flex-end;
margin-bottom: 2.5rem;
max-width: 25%;
min-width: fit-content; }
@@ -509,7 +509,7 @@ a {
grid-row: 1;
background-color: #009ee3;
height: fit-content;
align-self: end; }
align-self: flex-end; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
text-align: center; }
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
@@ -538,7 +538,7 @@ a {
grid-row: 1;
height: fit-content;
display: flex;
justify-self: end;
justify-self: flex-end;
width: 50%;
margin-top: 3rem; }
.path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
@@ -632,7 +632,7 @@ a {
max-width: 50%;
min-width: fit-content;
margin-bottom: 2rem;
align-self: end; }
align-self: flex-end; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
grid-column: 3 / span 6; } }
@@ -801,10 +801,10 @@ a {
margin-top: 18rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
display: flex;
justify-content: end; }
justify-content: flex-end; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
display: flex;
justify-content: end;
justify-content: flex-end;
width: 50%;
background-color: white;
padding-right: 2rem; }
@@ -926,7 +926,7 @@ a {
padding-top: 1rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; }
align-self: flex-end; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
color: black;
font-size: 1.4rem;
@@ -1006,7 +1006,7 @@ a {
padding-top: 1rem; }
.node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; }
align-self: flex-end; }
.node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
color: black;
font-size: 1.4rem;
@@ -1223,11 +1223,12 @@ a {
font-family: 'Source Code Pro';
font-weight: 500;
color: #09398b;
font-size: 1.5rem; }
font-size: 1.3rem; }
.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,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
justify-self: flex-end; }
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-reponse {
display: none; }
.path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
@@ -1507,7 +1508,7 @@ a {
position: relative; }
.page-node-type-ressource .layout__region--first .block-region-first {
display: flex;
justify-content: end;
justify-content: flex-end;
position: sticky;
top: 7rem; }
.page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
@@ -1621,7 +1622,7 @@ a {
padding-top: 1rem; }
.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after {
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; }
align-self: flex-end; }
.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 {
margin: 0; }
.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a {
@@ -1809,7 +1810,7 @@ a {
align-items: center; }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; }
align-self: flex-end; }
.page-node-type-offre-de-service {
background: url("../images/pictos/carre-contour-bleu-offre.svg");
@@ -2002,7 +2003,7 @@ a {
padding-top: 1rem; }
.page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after {
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end; }
align-self: flex-end; }
.page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 {
margin: 0; }
.page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a {
@@ -2066,39 +2067,35 @@ a {
margin-bottom: 4rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ {
margin-bottom: 3rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto auto; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
grid-column: 1;
grid-row: 1 /span 3;
margin-right: 1rem;
max-height: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
height: 8rem;
width: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
height: 100%;
width: 100%;
object-fit: contain; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
grid-column: 2;
font-weight: 800;
background-color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
margin: 0; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
color: black;
text-decoration: underline; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
display: none; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
grid-column: 1;
grid-row: 1 /span 3;
margin-right: 1rem;
max-height: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
height: 8rem;
width: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
height: 100%;
width: 100%;
object-fit: contain; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
grid-column: 2;
font-weight: 800;
background-color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
margin: 0; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
color: black;
text-decoration: underline; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
display: none; }
.path-webform .region-content {
margin-left: 13%;
web/themes/custom/eql/scripts/main.js
+7 -1
View File
@@ -16,6 +16,7 @@ function toggleMenu(event) {
// faq reponse open
var answers = document.getElementsByClassName("field--name-field-reponse");
var fichiers = document.getElementsByClassName("field--name-field-fichiers");
var questions = document.getElementsByClassName("field--name-field-question");
for (let i = 0; i < questions.length; i++) {
@@ -34,7 +35,12 @@ function toggleFaq(event) {
let answer = this.parentNode.querySelector('.field--name-field-reponse');
// console.log(answer);
answer.classList.add('opened');
// for (let i = 0; i < fichiers.length; i++) {
// fichiers[i].classList.remove('opened');
// }
// let fichier = this.parentNode.querySelector('.field--name-field-fichiers');
// console.log(fichier);
// fichier.classList.add('opened');
}
web/themes/custom/eql/scss/pages/_actualite.scss
+3 -4
View File
@@ -16,7 +16,6 @@
padding-top: 2rem;
.block-entity-fieldnodefield-actu-type{
grid-column: 2;
}
@@ -71,10 +70,10 @@
.block-region-first{
display: flex;
justify-content: end;
justify-content: flex-end;
.block-entity-fieldnodefield-textes{
display: flex;
justify-content: end;
justify-content: flex-end;
width: 50%;
background-color: $white;
padding-right: 2rem;
@@ -259,7 +258,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
web/themes/custom/eql/scss/pages/_ami.scss
+1 -1
View File
@@ -68,7 +68,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
web/themes/custom/eql/scss/pages/_annuairederecherche.scss
+3 -3
View File
@@ -40,9 +40,9 @@
.node-type-partenaires_logo_footer_{
margin-bottom: 3rem;
div{
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto auto;
// display: grid;
// grid-template-columns: auto auto;
// grid-template-rows: auto auto auto;
.field--name-field-logo{
web/themes/custom/eql/scss/pages/_faq.scss
+5 -2
View File
@@ -89,13 +89,16 @@
font-family: 'Source Code Pro' ;
font-weight: 500 ;
color: $blue-dark ;
font-size: 1.5rem;
font-size: 1.3rem;
&:after{
display:inline-flex;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
justify-self: flex-end;
float: right;
}
}
}
}
.field--name-field-reponse{
web/themes/custom/eql/scss/pages/_home.scss
+5 -5
View File
@@ -194,14 +194,14 @@
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 1;
align-self: end;
align-self: flex-end;
margin-bottom: 2.5rem;
max-width: 25%;
min-width: fit-content;
.field--type-link {
grid-column: 3;
// justify-self: end;
// justify-self: flex-end;
position: relative;
// max-width: 70%;
// min-width: fit-content;
@@ -240,7 +240,7 @@
grid-row: 1;
background-color: $blue-light;
height: fit-content;
align-self: end;
align-self: flex-end;
.field--name-field-lien{
&:before{
margin-top: 1rem;
@@ -277,7 +277,7 @@
grid-row: 1;
height: fit-content;
display: flex;
justify-self: end;
justify-self: flex-end;
width: 50%;
margin-top: 3rem;
.field--name-body{
@@ -402,7 +402,7 @@
max-width: 50%;
min-width: fit-content;
margin-bottom: 2rem;
align-self: end;
align-self: flex-end;
@media (max-width: 479px){
grid-column: 3 / span 6;
}
web/themes/custom/eql/scss/pages/_offre.scss
+1 -1
View File
@@ -250,7 +250,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
web/themes/custom/eql/scss/pages/_offresdeservices.scss
+1 -1
View File
@@ -194,7 +194,7 @@
align-items: center;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
web/themes/custom/eql/scss/pages/_ressource.scss
+2 -2
View File
@@ -61,7 +61,7 @@
position: relative;
.block-region-first{
display: flex;
justify-content: end;
justify-content: flex-end;
position: sticky;
top: 7rem;
.block-entity-fieldnodefield-textes{
@@ -218,7 +218,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
web/themes/custom/eql/scss/pages/_static.scss
+2 -2
View File
@@ -36,7 +36,7 @@
position: relative;
.block-region-first{
display: flex;
justify-content: end;
justify-content: flex-end;
position: sticky;
top: 7rem;
.block-entity-fieldnodefield-textes{
@@ -199,7 +199,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{