From 288163fae27ea10b00ce7a249611bd3a9800fe9e Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 7 Jan 2022 17:08:45 +0100 Subject: [PATCH] =?UTF-8?q?bandeau=20bleu=20ent=C3=AAte?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/profiles/d8-starterkit-profile | 2 +- web/themes/custom/eql/css-compiled/styles.css | 59 +++++++++++++++---- web/themes/custom/eql/scripts/main.js | 6 ++ .../custom/eql/scss/pages/_actualite.scss | 18 +++++- .../custom/eql/scss/pages/_ressource.scss | 27 ++++++++- 5 files changed, 98 insertions(+), 14 deletions(-) diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile index 9b46db9..6fe8986 160000 --- a/web/profiles/d8-starterkit-profile +++ b/web/profiles/d8-starterkit-profile @@ -1 +1 @@ -Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f +Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0 diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index df463b3..3bdb05a 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -817,9 +817,22 @@ a { padding-bottom: 4rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { display: grid; - grid-template-columns: 1fr repeat(8, 1fr) 1fr; - padding-top: 2rem; } + grid-template-columns: 1fr repeat(8, 1fr) 1fr; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344 { + grid-column: 1 / span 10; + width: 100%; + font-family: 'Source Code Pro'; + font-size: 1.5rem; + font-weight: 800; + color: white; + background-color: #009ee3; + text-transform: uppercase; + padding-left: 13%; + padding-top: 1rem; + padding-bottom: 0.5rem; + vertical-align: middle; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type { + padding-top: 2rem; grid-column: 2; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { grid-column: 2 /span 7; @@ -1578,23 +1591,49 @@ a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline { display: none; } -.page-node-type-ressource .layout__region--top .block-region-top { +.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 { + width: 100%; + font-family: 'Source Code Pro'; + font-size: 1.5rem; + font-weight: 800; + color: white; + background-color: #009ee3; + text-transform: uppercase; + padding-left: 13%; + padding-top: 1rem; + padding-bottom: 0.5rem; + vertical-align: middle; } + +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource { margin-top: 2rem; + margin-left: 13%; + color: #009ee3; + text-transform: uppercase; + font-weight: 800; } + +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle { + margin-left: 13%; + font-size: 2rem; + font-weight: 600; } + +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition { margin-left: 13%; } - .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource { - color: #009ee3; - text-transform: uppercase; - font-weight: 800; } - .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle { - font-size: 2rem; - font-weight: 600; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p { margin-bottom: 0; } + +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- { + margin-left: 13%; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- { font-size: 1.5rem; font-weight: 800; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p { margin: 0; } + +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution { + margin-left: 13%; } + +.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { + margin-left: 13%; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs { display: inline-flex; margin-top: 2rem; } diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index e808df8..8e310b6 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -52,7 +52,13 @@ function rotateFleche(event) { } +// 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} +// var descriptionCollection = document.getElementsByClassName("views-field-description__value") + +// var // ///////////////// //// ancre dans texte // document.querySelector('.paragraph--view-mode--textes-toc').click( function() { diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index b27cc58..b955871 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -15,9 +15,25 @@ // position: relative; display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; - padding-top: 2rem; + + + .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344{ + grid-column: 1 / span 10; + width: 100%; + font-family: 'Source Code Pro'; + font-size: 1.5rem; + font-weight: 800; + color: $white; + background-color: $blue-light; + text-transform: uppercase; + padding-left: 13%; + padding-top: 1rem; + padding-bottom: 0.5rem; + vertical-align: middle; + } .block-entity-fieldnodefield-actu-type{ + padding-top: 2rem; grid-column: 2; } diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index 520e5f0..3da6405 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -5,19 +5,36 @@ .layout__region--top{ .block-region-top{ - margin-top: 2rem; - margin-left: 13%; + .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{ + width: 100%; + font-family: 'Source Code Pro'; + font-size: 1.5rem; + font-weight: 800; + color: $white; + background-color: $blue-light; + text-transform: uppercase; + padding-left: 13%; + padding-top: 1rem; + padding-bottom: 0.5rem; + vertical-align: middle; + + } + .block-entity-fieldnodefield-type-de-ressource{ + margin-top: 2rem; + margin-left: 13%; color: $blue-light; text-transform: uppercase; font-weight: 800; } .block-entity-fieldnodetitle{ + margin-left: 13%; font-size: 2rem; font-weight: 600; } .block-entity-fieldnodefield-edition{ + margin-left: 13%; .field--name-field-edition{ p{ margin-bottom: 0; @@ -26,6 +43,7 @@ } .block-entity-fieldnodefield-auteur-s-{ + margin-left: 13%; .field--name-field-auteur-s-{ font-size: 1.5rem; font-weight: 800; @@ -34,7 +52,12 @@ } } } + + .block-entity-fieldnodefield-date-de-parution{ + margin-left: 13%; + } .block-entity-fieldnodefield-mots-clefs{ + margin-left: 13%; .field--name-field-mots-clefs{ display: inline-flex; margin-top: 2rem;