diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 65ea995..5ac0e42 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -3224,12 +3224,25 @@ a { padding-top: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers span:nth-of-type(2) { display: none; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--image { + height: inherit; + margin: auto; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--image ::before { + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width: 30px; + height: auto; + padding-right: 1rem; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--image a { + hyphens: auto; + display: inline-flex; + color: #009ee3; + font-weight: 800; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf { height: inherit; margin: auto; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf ::before { content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width: 15px; + min-width: 30px; height: auto; padding-right: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf a { @@ -3251,11 +3264,12 @@ a { margin-bottom: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .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; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .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: 15px; + min-width: 30px; height: auto; padding-right: 1rem; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { @@ -3274,31 +3288,64 @@ a { height: fit-content; margin-bottom: 1rem; background-color: white; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource:first-of-type { - border-top: 1px solid #009ee3; - padding-top: 1rem; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource:first-of-type::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-title a { - color: black; - font-size: 1.4rem; - font-weight: 600; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-auteur-s- { - font-weight: 800; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-auteur-s- p { - margin: 0; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-auteur-s- .field__label { + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div { + display: flex; + flex-direction: column; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-title { + order: 3; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-title h2 { + margin: 0; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-title h2 a { + color: black; + font-size: 1rem; + font-weight: 900; + font-style: italic; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-sous-titre { + display: none; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-type-de-ressource { + order: 2; + text-transform: uppercase; + color: #009ee3; + font-weight: 900; + font-size: 0.8rem; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-auteur-s- { + order: 5; + font-weight: 800; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-auteur-s- p { + margin: 0; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-auteur-s- .field__label { + display: none; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-edition p { + margin: 0; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-edition .field__label { + display: none; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-images { + order: 1; + width: 25%; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-images img { + width: 100%; + height: auto; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-mots-clefs { + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-mots-clefs .field__item { + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-mots-clefs .field__item a { + background: #09398b; + color: white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; } + .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div ul.links.inline { display: none; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-edition p { - margin: 0; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-edition .field__label { - display: none; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-images { - width: 50%; } - .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-images img { - width: 100%; - height: auto; } .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-entity-fieldnodefield-partenaires { width: 50%; diff --git a/web/themes/custom/eql/scss/pages/_projet.scss b/web/themes/custom/eql/scss/pages/_projet.scss index 1f2b75c..11764ea 100644 --- a/web/themes/custom/eql/scss/pages/_projet.scss +++ b/web/themes/custom/eql/scss/pages/_projet.scss @@ -343,13 +343,30 @@ span:nth-of-type(2){ display: none; } - + .file--image{ + height: inherit; + margin: auto; + ::before{ + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width:30px; + height: auto; + padding-right: 1rem; + } + a{ + hyphens: auto; + display: inline-flex; + // align-items: center; + color: $blue-light; + font-weight: 800; + // max-width: 80px ; + } + } .file--mime-application-pdf{ height: inherit; margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:15px; + min-width:30px; height: auto; padding-right: 1rem; } @@ -382,12 +399,12 @@ } a{ display: inline-flex; - // align-items: center; + align-items: center; color: $blue-light; font-weight: 800; &::before{ content: url("../images/pictos/noun_External Link_674151.svg"); - min-width: 15px; + min-width: 30px; height: auto; padding-right: 1rem; } @@ -418,49 +435,96 @@ 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: flex-end; + // &:first-of-type{ + // border-top: 1px solid $blue-light; + // padding-top: 1rem; + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // align-self: flex-end; + // } + // } + div{ + display: flex; + flex-direction: column; + .field--name-title{ + order: 3; + h2{ + margin: 0; + a{ + color: $black; + font-size: 1rem; + font-weight: 900; + font-style: italic; + } + } } - } - .field--name-title{ - a{ - color: $black; - font-size: 1.4rem; - font-weight: 600; - + .field--name-field-sous-titre{ + display: none; } - } - .field--name-field-type-de-ressource{ - - } - .field--name-field-auteur-s-{ - font-weight: 800; - p{ - margin: 0; + .field--name-field-type-de-ressource{ + order: 2; + text-transform: uppercase; + color: $blue-light; + font-weight: 900; + font-size: 0.8rem; } - .field__label{ - display:none; + .field--name-field-auteur-s-{ + order: 5; + font-weight: 800; + p{ + margin: 0; + } + .field__label{ + display:none; + } } - } - .field--name-field-edition{ - p{ - margin: 0; + .field--name-field-edition{ + p{ + margin: 0; + } + .field__label{ + display:none; + } } - .field__label{ - display:none; + .field--name-field-images{ + // display: none; + order: 1; + width: 25%; + + img{ + width: 100%; + height: auto; + } } - } - .field--name-field-images{ - width: 50%; - img{ - width: 100%; - height: auto; + .field--name-field-mots-clefs{ + order: 6; + display: flex; + margin-top: 2rem; + flex-direction: row; + flex-wrap: wrap; + + .field__item{ + + margin-right: 0.5rem; + padding-left: 0.3rem; + padding-right: 0.3rem; + font-size: 0.8rem; + + a{ + background: $blue-dark; + color: $white; + font-weight: 800; + vertical-align: super; + padding-left: 0.1rem; + padding-right: 0.1rem; + display: inline-flex; + } + } } - } + ul.links.inline{ + display: none; + } + } } } diff --git a/web/themes/custom/eql/templates/layout--threecol-25-50-25.html.twig b/web/themes/custom/eql/templates/layout--threecol-25-50-25.html.twig index 07d1568..c2296f1 100644 --- a/web/themes/custom/eql/templates/layout--threecol-25-50-25.html.twig +++ b/web/themes/custom/eql/templates/layout--threecol-25-50-25.html.twig @@ -23,7 +23,7 @@ {% if content.top %}
- {{content.top}} + {{content.top}}
{{ content.top_left }}