From 727046c86008e7e0583f1bcd4df08079c85a558b Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 13 Dec 2021 11:09:44 +0100 Subject: [PATCH 1/3] add offre de service --- web/themes/custom/eql/eql.theme | 2 +- web/themes/custom/eql/scripts/main.js | 32 +++++++++++++++---- .../eql/scss/pages/_offreDeService.scss | 0 3 files changed, 27 insertions(+), 7 deletions(-) create mode 100644 web/themes/custom/eql/scss/pages/_offreDeService.scss diff --git a/web/themes/custom/eql/eql.theme b/web/themes/custom/eql/eql.theme index 91b9b19..b348e53 100644 --- a/web/themes/custom/eql/eql.theme +++ b/web/themes/custom/eql/eql.theme @@ -36,7 +36,7 @@ function eql_preprocess_node(&$variables){ // // $variables['counter'] = $counter++; // $variables['elements']['#paragraph']->item_id; // } -// la fonction suivante ne sert à rien +// la fonction suivante ne fonctionne pas // function eql_preprocess_field(&$variables) { // $paragraph = &$variables['paragraph']; diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index 40b6165..1710bb1 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -24,15 +24,35 @@ for (let i = 0; i < questions.length; i++) { const question = questions[i] question.addEventListener("click", toggleFaq); } - - function toggleFaq(event) { - console.log(event); - for (let i = 0; i < answers.length; i++) { - const answer = answers[i] - answer.classList.toggle('opened');} + question.nextElementSibling.classList.toggle('opened'); } + +// function toggleFaq(event) { +// console.log(event); +// for (let i = 0; i < answers.length; i++) { +// const answer = answers[i] +// answer.classList.toggle('opened');} + +// } + +// ///////////////// + +// document.addEventListener('click', function(e) { +// if (e.target.classList.contains('rect_white_left') { +// e.target.parentNode.nextElementSibling... +// } +// }); + +/////////////////// + +// 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"); diff --git a/web/themes/custom/eql/scss/pages/_offreDeService.scss b/web/themes/custom/eql/scss/pages/_offreDeService.scss new file mode 100644 index 0000000..e69de29 From ca1975225e6262998da5860530a0ce61081211c0 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 13 Dec 2021 12:44:25 +0100 Subject: [PATCH 2/3] bouton bleu ami, margin actu --- web/themes/custom/eql/css-compiled/styles.css | 282 ++++++------ .../custom/eql/scss/pages/_actualite.scss | 6 +- web/themes/custom/eql/scss/pages/_ami.scss | 24 + .../eql/scss/pages/_offreDeService.scss | 12 +- .../custom/eql/scss/pages/_ressource.scss | 0 web/themes/custom/eql/scss/pages/_static.scss | 435 +++++++++--------- .../eql/scss/pages/_toutesressources.scss | 0 web/themes/custom/eql/scss/styles.scss | 4 +- 8 files changed, 421 insertions(+), 342 deletions(-) create mode 100644 web/themes/custom/eql/scss/pages/_ressource.scss create mode 100644 web/themes/custom/eql/scss/pages/_toutesressources.scss diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 69d0649..4795299 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -166,140 +166,149 @@ a { /* @import "pages/partials/header_footer"; @import "pages/home";*/ -.layout__region--top .block-entity-fieldnodetitle { - width: fit-content; - margin-left: 13%; - margin-top: 15vh; } - -.layout__region--first .block-region-first { - display: flex; - justify-content: end; } - .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { - display: flex; - width: 50%; - background-color: white; - padding-right: 2rem; } - .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { - display: flex; - font-size: 1rem; - font-weight: 1000; - color: #09398b; - border-bottom: 1px solid #009ee3; - padding-bottom: 0.5rem; - padding-right: 1rem; } - .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { - text-decoration: underline; } - -.layout__region--second .block-entity-fieldnodefield-textes { - background-color: white; } - .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { - font-size: 1.5rem; - font-weight: 1000; - font-family: 'Source Code Pro'; - color: #09398b; - text-transform: uppercase; } - .layout__region--second .block-entity-fieldnodefield-textes h4 { - text-transform: none !important; } - .layout__region--second .block-entity-fieldnodefield-textes h4 img { - width: 100%; - height: auto; } - .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { - padding-right: 2rem; } - .layout__region--second .block-entity-fieldnodefield-textes p { - margin-top: 0; } - -.layout__region--third .block-region-third { +.path-node.page-node-type-static .layout-container { display: flex; flex-direction: column; - width: 70%; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { - height: fit-content; - border: 2px solid #009ee3; - background-color: white; } - .layout__region--third .block-region-third .field--name-field-fichiers { - min-height: 4rem; - background: white; - color: #009ee3; - padding-left: 1rem; - padding-top: 1rem; - margin-bottom: 1rem; } - .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { - display: none; } - .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { - height: inherit; - margin: auto; } - .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { - content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width: 50px; - height: auto; - padding-right: 1rem; } - .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { - hyphens: auto; + flex-flow: row wrap; } + .path-node.page-node-type-static .layout-container header { + flex: 0 0 100%; } + .path-node.page-node-type-static .layout-container main { + flex: 0 0 100%; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--top .block-entity-fieldnodetitle { + width: fit-content; + margin-left: 13%; + margin-top: 15vh; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first { + position: relative; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first .block-region-first { + display: flex; + justify-content: end; + position: sticky; + top: 7rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { + display: flex; + width: 50%; + background-color: white; + padding-right: 2rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre { + display: flex; + font-size: 1rem; + font-weight: 1000; + color: #09398b; + border-bottom: 1px solid #009ee3; + padding-bottom: 0.5rem; + padding-right: 1rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover { + text-decoration: underline; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes { + background-color: white; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre { + font-size: 1.5rem; + font-weight: 1000; + font-family: 'Source Code Pro'; + color: #09398b; + text-transform: uppercase; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 { + text-transform: none !important; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 img { + width: 100%; + height: auto; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long { + padding-right: 2rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes p { + margin-top: 0; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third { + display: flex; + flex-direction: column; + width: 70%; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers { + height: fit-content; + border: 2px solid #009ee3; + background-color: white; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .field--name-field-fichiers { + min-height: 4rem; + background: white; + color: #009ee3; + padding-left: 1rem; + padding-top: 1rem; + margin-bottom: 1rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { + display: none; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf { + height: inherit; + margin: auto; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before { + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width: 50px; + height: auto; + padding-right: 1rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a { + hyphens: auto; + display: inline-flex; + align-items: center; + color: #009ee3; + font-weight: 800; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { + margin: auto; + height: fit-content; + border: 2px solid #009ee3; + min-height: 4rem; + background: white; + color: #009ee3; + padding-left: 1rem; + padding-top: 1rem; + margin-bottom: 1rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { display: inline-flex; align-items: center; color: #009ee3; font-weight: 800; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { - margin: auto; - height: fit-content; - border: 2px solid #009ee3; - min-height: 4rem; - background: white; - color: #009ee3; - padding-left: 1rem; - padding-top: 1rem; - margin-bottom: 1rem; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a { - display: inline-flex; - align-items: center; - color: #009ee3; - font-weight: 800; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { - content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 50px; - height: auto; - padding-right: 1rem; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { - display: none; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { - margin-top: 3rem; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 { - font-size: 0.8rem; - color: black; - font-weight: 900; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { - display: flex; - flex-direction: column; - border: 2px solid #009ee3; - padding: 1rem; - height: fit-content; - margin-bottom: 1rem; - background-color: white; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { - border-top: 1px solid #009ee3; - padding-top: 1rem; } - .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; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { - margin: 0; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before { + content: url("../images/pictos/noun_External Link_674151.svg"); + min-width: 50px; + height: auto; + padding-right: 1rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { - margin: 0; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { - display: none; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { - width: 50%; } - .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { - width: 100%; - height: auto; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { + margin-top: 3rem; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 { + font-size: 0.8rem; + color: black; + font-weight: 900; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource { + display: flex; + flex-direction: column; + border: 2px solid #009ee3; + padding: 1rem; + height: fit-content; + margin-bottom: 1rem; + background-color: white; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type { + border-top: 1px solid #009ee3; + padding-top: 1rem; } + .path-node.page-node-type-static .layout-container main .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; } + .path-node.page-node-type-static .layout-container main .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; + font-weight: 600; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- { + font-weight: 800; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p { + margin: 0; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label { + display: none; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p { + margin: 0; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label { + display: none; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images { + width: 50%; } + .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img { + width: 100%; + height: auto; } .path-frontpage .block-region-content { display: grid; @@ -678,18 +687,18 @@ a { object-fit: cover; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first { - margin-top: 15rem; } + margin-top: 18rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { flex: 0 1 50%; - margin-top: 15rem; } + margin-top: 18rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { width: 90%; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext { overflow-y: visible !important; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third { - margin-top: 15rem; } + margin-top: 18rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { width: 65%; } @@ -732,6 +741,14 @@ a { color: #009ee3; background-color: white; text-transform: uppercase; } + .node-id-3 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { + background: #009ee3 !important; + color: white !important; } + .node-id-3 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item a { + color: white !important; } + .node-id-3 .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { + background: #009ee3; + color: white; } .node-id-3 .block-entity-fieldnodefield-ress { margin-top: 3rem; } .node-id-3 .block-entity-fieldnodefield-ress h2 { @@ -1013,6 +1030,11 @@ a { background-color: #009ee3; text-transform: uppercase; } +.node-type-offre_de_service { + display: flex; } + .node-type-offre_de_service .field--type-text-with-summary { + flex: 0 1 50%; } + /*partials*/ .layout-container { position: relative; } diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index 594a23f..02e7cb3 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -56,12 +56,12 @@ } } .layout__region--first{ - margin-top: 15rem; + margin-top: 18rem; } .layout__region--second{ // grid-row: 3; flex: 0 1 50%; - margin-top: 15rem; + margin-top: 18rem; .block-region-second{ width: 90%; .block-entity-fieldnodebody{ @@ -77,7 +77,7 @@ .layout__region--third{ // grid-row: 4; - margin-top: 15rem; + margin-top: 18rem; .block-region-third{ width: 65%; diff --git a/web/themes/custom/eql/scss/pages/_ami.scss b/web/themes/custom/eql/scss/pages/_ami.scss index 9de3fbd..b59b621 100644 --- a/web/themes/custom/eql/scss/pages/_ami.scss +++ b/web/themes/custom/eql/scss/pages/_ami.scss @@ -28,7 +28,31 @@ } } + .layout__region--third{ // colone de droite fichiers et ressources liées + .block-region-third{ + .block-entity-fieldnodefield-liens{ + .field--name-field-liens{ + .field__item{ + background: $blue-light !important; + color: $white !important; + a{ + color: $white !important; + } + } + } + } + } + } + .block-entity-fieldnodefield-liens{ + .field--name-field-liens{ + .field__item{ + background: $blue-light; + color: $white; + + } + } + } .block-entity-fieldnodefield-ress{ margin-top: 3rem; diff --git a/web/themes/custom/eql/scss/pages/_offreDeService.scss b/web/themes/custom/eql/scss/pages/_offreDeService.scss index 82a94a9..8f10dc9 100644 --- a/web/themes/custom/eql/scss/pages/_offreDeService.scss +++ b/web/themes/custom/eql/scss/pages/_offreDeService.scss @@ -1,6 +1,16 @@ +.page-node-type-offre-de-service{ + +} .node-type-offre_de_service{ - display: grid; + + display: flex; + + + .field--type-text-with-summary{ + flex: 0 1 50%; + + } } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss new file mode 100644 index 0000000..e69de29 diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 12d79c3..5abbcd6 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -1,215 +1,236 @@ - - -.layout__region--top{ //bandeau titre page static - - - .block-entity-fieldnodetitle{ - width: fit-content; - margin-left: 13%; - margin-top: 15vh; - } - // .block-entity-fieldnodefield-images{ - // display: none; - // height: inherit; - - // } -} - -.layout__region--first{ // menu ancres a gauche - - .block-region-first{ - display: flex; - justify-content: end; - .block-entity-fieldnodefield-textes{ - display: flex; - width: 50%; - background-color: $white; - padding-right: 2rem; - - .field--name-field-titre{ - display: flex; - font-size: 1rem; - font-weight: 1000; - color: $blue-dark; - border-bottom: 1px solid $blue-light; - padding-bottom: 0.5rem; - padding-right: 1rem; - - &:hover{ - text-decoration: underline; - } - } - } - } -} - -.layout__region--second{ // paragraphe texte - .block-entity-fieldnodefield-textes{ - - background-color: $white; - .field--name-field-titre{ - font-size: 1.5rem; - font-weight: 1000; - font-family: 'Source Code Pro'; - color: $blue-dark; - text-transform: uppercase; - } - h4{ - text-transform: none !important; - - img{ - width: 100%; - height: auto; - } - } - .field--type-text-long{ - padding-right: 2rem; - } - p{ - margin-top: 0; - } - } - -} - -.layout__region--third{ // colone de droite fichiers et ressources liées - .block-region-third{ +.path-node.page-node-type-static{ + .layout-container{ display: flex; flex-direction: column; - width: 70%; - .block-entity-fieldnodefield-fichiers{ - height: fit-content; - border: 2px solid $blue-light; - background-color: $white; - - } - .field--name-field-fichiers{ - min-height: 4rem; - background: $white; - color: $blue-light; - padding-left: 1rem; - padding-top: 1rem; - margin-bottom: 1rem; - - span:nth-of-type(2){ - display: none; + flex-flow: row wrap; + header{ + flex: 0 0 100%; + } + main{ + flex: 0 0 100%; + .layout-content{ + // padding-top: 0; + .layout__region--top{ //bandeau titre page static + + + .block-entity-fieldnodetitle{ + width: fit-content; + margin-left: 13%; + margin-top: 15vh; + } + // .block-entity-fieldnodefield-images{ + // display: none; + // height: inherit; + + // } + } + + .layout__region--first{ // menu ancres a gauche + position: relative; + .block-region-first{ + display: flex; + justify-content: end; + position: sticky; + top: 7rem; + .block-entity-fieldnodefield-textes{ + display: flex; + width: 50%; + background-color: $white; + padding-right: 2rem; + + .field--name-field-titre{ + display: flex; + font-size: 1rem; + font-weight: 1000; + color: $blue-dark; + border-bottom: 1px solid $blue-light; + padding-bottom: 0.5rem; + padding-right: 1rem; + + &:hover{ + text-decoration: underline; + } + } + } + } + } + + .layout__region--second{ // paragraphe texte + .block-entity-fieldnodefield-textes{ + + background-color: $white; + .field--name-field-titre{ + font-size: 1.5rem; + font-weight: 1000; + font-family: 'Source Code Pro'; + color: $blue-dark; + text-transform: uppercase; + } + h4{ + text-transform: none !important; + + img{ + width: 100%; + height: auto; + } + } + .field--type-text-long{ + padding-right: 2rem; + } + p{ + margin-top: 0; + } + } + + } + + .layout__region--third{ // colone de droite fichiers et ressources liées + .block-region-third{ + display: flex; + flex-direction: column; + width: 70%; + .block-entity-fieldnodefield-fichiers{ + height: fit-content; + border: 2px solid $blue-light; + background-color: $white; + + } + .field--name-field-fichiers{ + min-height: 4rem; + background: $white; + color: $blue-light; + padding-left: 1rem; + padding-top: 1rem; + margin-bottom: 1rem; + + span:nth-of-type(2){ + display: none; + } + + .file--mime-application-pdf{ + height: inherit; + margin: auto; + ::before{ + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width:50px; + height: auto; + padding-right: 1rem; + } + a{ + hyphens: auto; + display: inline-flex; + align-items: center; + color: $blue-light; + font-weight: 800; + // max-width: 80px ; + } + } + + } + .block-entity-fieldnodefield-liens{ + .field--name-field-liens{ + .field__item{ + margin: auto; + height: fit-content; + border: 2px solid $blue-light; + min-height: 4rem; + background: $white; + color: $blue-light; + padding-left: 1rem; + padding-top: 1rem; + margin-bottom: 1rem; + } + a{ + display: inline-flex; + align-items: center; + color: $blue-light; + font-weight: 800; + &::before{ + content: url("../images/pictos/noun_External Link_674151.svg"); + min-width: 50px; + height: auto; + padding-right: 1rem; + } + svg.ext{ + display: none; + } + } + } + + } + + + .block-entity-fieldnodefield-ress{ + margin-top: 3rem; + + h2{ + font-size: 0.8rem; + color: $black; + font-weight: 900; + } + + .node-type-ressource{ + display: flex; + flex-direction: column; + border: 2px solid $blue-light; + padding: 1rem; + + height: fit-content; + margin-bottom: 1rem; + background-color: $white; + &:first-of-type{ + border-top: 1px solid $blue-light; + padding-top: 1rem; + &::after{ + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: end; + } + } + .field--name-title{ + a{ + color: $black; + font-size: 1.4rem; + font-weight: 600; + + } + } + .field--name-field-auteur-s-{ + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-edition{ + p{ + margin: 0; + } + .field__label{ + display:none; + } + } + .field--name-field-images{ + width: 50%; + img{ + width: 100%; + height: auto; + } + } + } + } + + } + + + } } + - .file--mime-application-pdf{ - height: inherit; - margin: auto; - ::before{ - content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:50px; - height: auto; - padding-right: 1rem; - } - a{ - hyphens: auto; - display: inline-flex; - align-items: center; - color: $blue-light; - font-weight: 800; - // max-width: 80px ; - } - } - } - .block-entity-fieldnodefield-liens{ - .field--name-field-liens{ - .field__item{ - margin: auto; - height: fit-content; - border: 2px solid $blue-light; - min-height: 4rem; - background: $white; - color: $blue-light; - padding-left: 1rem; - padding-top: 1rem; - margin-bottom: 1rem; - } - a{ - display: inline-flex; - align-items: center; - color: $blue-light; - font-weight: 800; - &::before{ - content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 50px; - height: auto; - padding-right: 1rem; - } - svg.ext{ - display: none; - } - } - } - - } - - - .block-entity-fieldnodefield-ress{ - margin-top: 3rem; - - h2{ - font-size: 0.8rem; - color: $black; - font-weight: 900; - } - - .node-type-ressource{ - display: flex; - flex-direction: column; - border: 2px solid $blue-light; - padding: 1rem; - height: fit-content; - margin-bottom: 1rem; - background-color: $white; - &:first-of-type{ - border-top: 1px solid $blue-light; - padding-top: 1rem; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: end; - } - } - .field--name-title{ - a{ - color: $black; - font-size: 1.4rem; - font-weight: 600; - - } - } - .field--name-field-auteur-s-{ - font-weight: 800; - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-edition{ - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-images{ - width: 50%; - img{ - width: 100%; - height: auto; - } - } - } - } - } - - } + + \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_toutesressources.scss b/web/themes/custom/eql/scss/pages/_toutesressources.scss new file mode 100644 index 0000000..e69de29 diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 8c3279e..e81b00e 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -29,7 +29,9 @@ @import "pages/_contact"; @import "pages/_faq"; @import "pages/_mentions-legales"; - +@import "pages/_toutesressources"; +@import "pages/_ressource"; +@import "pages/_offreDeService"; /*partials*/ @import "partials/_header"; From 53497652dbaa6ebdcb7f127f01012472b3b78155 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 13 Dec 2021 12:51:10 +0100 Subject: [PATCH 3/3] interlignage home --- web/themes/custom/eql/css-compiled/styles.css | 5 ++--- web/themes/custom/eql/scss/pages/_home.scss | 4 ++-- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 4795299..5889d76 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -336,7 +336,7 @@ a { font-size: 5rem; font-weight: 900; color: #009ee3; - line-height: 7rem; + line-height: 6.9rem; margin-top: 2rem; margin-bottom: 5rem; width: fit-content; } @@ -344,8 +344,7 @@ a { margin-top: 4rem; margin-bottom: 0; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span { - background-color: white; - line-height: 2rem; } + background-color: white; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title { grid-column: 4; grid-row: 2; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index db5a624..e2f8e8c 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -39,7 +39,7 @@ font-size: 5rem; font-weight: 900; color: $blue-light; - line-height: 7rem; + line-height: 6.9rem; margin-top: 2rem; margin-bottom: 5rem; width: fit-content; @@ -51,7 +51,7 @@ span { background-color: $white; - line-height: 2rem; + } }