diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 01b2647..8fbb396 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -2453,6 +2453,9 @@ svg.ext { color: rgb(0, 158, 227); font-weight: 800; } +.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens { + order: 3; +} .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; height: fit-content; @@ -2472,15 +2475,17 @@ svg.ext { font-weight: 800; } .page-node-type-ressource .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"); + content: url("../images/pictos/external_link.png"); min-width: 30px; height: auto; padding-right: 1rem; + margin-right: 1rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext { display: none; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress { + order: 4; margin-top: 3rem; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .field__label { @@ -2590,6 +2595,7 @@ svg.ext { display: none; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee { + order: 1; margin-top: 3rem; } @media (max-width: 479px) { @@ -2598,6 +2604,7 @@ svg.ext { } } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee h2 { + display: none; font-size: 0.8rem; color: rgb(0, 0, 0); font-weight: 900; @@ -2605,20 +2612,34 @@ svg.ext { .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee .field--name-field-projets-liee { display: flex; flex-direction: column; - border: 2px solid rgb(0, 158, 227); + border-bottom: 1px solid rgb(0, 0, 0); padding: 1rem; height: fit-content; - margin-bottom: 1rem; + margin-bottom: 3rem; background-color: rgb(255, 255, 255); } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee .field--name-field-projets-liee .field__label { display: none; } +.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee .field--name-field-projets-liee .field__items :before { + content: url("../images/pictos/picto_lieu_blue.svg"); + display: inline-block; + color: rgb(9, 57, 139); + margin-right: 1rem; +} +.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee .field--name-field-projets-liee .field__item { + display: flex; + flex-direction: row; +} +.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee .field--name-field-projets-liee .field__item :before { + content: "Voir le projet"; + display: block; + color: rgb(9, 57, 139); +} .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-projets-liee .field--name-field-projets-liee .field__item a { - color: rgb(0, 0, 0); + color: rgb(9, 57, 139); font-size: 1rem; font-weight: 900; - font-style: italic; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span { @@ -5533,7 +5554,7 @@ svg.ext { flex-direction: row; align-items: center; } -.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3.type-publication-issue-du-programme-eqld a:before { +.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain a:before { content: url("../images/pictos/picto-ressource-eqld.svg"); padding-right: 1rem; } diff --git a/web/themes/custom/eql/dist/assets/images/pictos/external_link.png b/web/themes/custom/eql/dist/assets/images/pictos/external_link.png new file mode 100644 index 0000000..1053f10 Binary files /dev/null and b/web/themes/custom/eql/dist/assets/images/pictos/external_link.png differ diff --git a/web/themes/custom/eql/dist/assets/images/pictos/external_link.svg b/web/themes/custom/eql/dist/assets/images/pictos/external_link.svg new file mode 100644 index 0000000..95c0bb5 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/external_link.svg @@ -0,0 +1,70 @@ + +image/svg+xml diff --git a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg new file mode 100644 index 0000000..0d16291 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg @@ -0,0 +1,38 @@ + +image/svg+xml diff --git a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg index 71c2392..4657208 100644 --- a/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg +++ b/web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg @@ -1,55 +1,35 @@ image/svg+xml diff --git a/web/themes/custom/eql/dist/assets/images/pictos/picto_lieu_blue.svg b/web/themes/custom/eql/dist/assets/images/pictos/picto_lieu_blue.svg new file mode 100644 index 0000000..f89d1f1 --- /dev/null +++ b/web/themes/custom/eql/dist/assets/images/pictos/picto_lieu_blue.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/custom/eql/images/pictos/noun_External Link_674151.svg b/web/themes/custom/eql/images/pictos/noun_External Link_674151.svg index 71c2392..e3b4906 100644 --- a/web/themes/custom/eql/images/pictos/noun_External Link_674151.svg +++ b/web/themes/custom/eql/images/pictos/noun_External Link_674151.svg @@ -1,55 +1,34 @@ image/svg+xml diff --git a/web/themes/custom/eql/images/pictos/picto_lieu_blue.svg b/web/themes/custom/eql/images/pictos/picto_lieu_blue.svg new file mode 100644 index 0000000..f89d1f1 --- /dev/null +++ b/web/themes/custom/eql/images/pictos/picto_lieu_blue.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index 4035435..6c22d4c 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -253,7 +253,8 @@ width: 70%; @media (max-width: 810px){ width: 100%; - } + } + .block-entity-fieldnodefield-fichiers{ height: fit-content; border: 2px solid $blue-light; @@ -294,6 +295,7 @@ } .block-entity-fieldnodefield-liens{ + order: 3; .field--name-field-liens{ .field__item{ margin: auto; @@ -305,7 +307,8 @@ padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; - padding: 1rem + padding: 1rem; + } a{ display: inline-flex; @@ -313,10 +316,12 @@ color: $blue-light; font-weight: 800; &::before{ - content: url("../images/pictos/noun_External Link_674151.svg"); + content: url("../images/pictos/external_link.png"); min-width: 30px; height: auto; padding-right: 1rem; + margin-right: 1rem; + } svg.ext{ display: none; @@ -328,6 +333,7 @@ .block-entity-fieldnodefield-ress{ + order: 4; margin-top: 3rem; .field--name-field-ress{ .field__label{ @@ -447,11 +453,13 @@ } .block-entity-fieldnodefield-projets-liee{ + order: 1; margin-top: 3rem; @media(max-width:479px){ margin-top: 2rem; } h2{ + display: none; font-size: 0.8rem; color: $black; font-weight: 900; @@ -459,20 +467,39 @@ .field--name-field-projets-liee{ display: flex; flex-direction: column; - border: 2px solid $blue-light; + border-bottom: 1px solid $black; padding: 1rem; height: fit-content; - margin-bottom: 1rem; + margin-bottom: 3rem; background-color: $white; - + + .field__label{ display: none;} + .field__items{ + + :before{ + content: url("../images/pictos/picto_lieu_blue.svg"); + display: inline-block; + color: $blue-dark; + margin-right: 1rem; + } + } .field__item{ + display: flex; + flex-direction: row; + :before{ + content: 'Voir le projet'; + display: block; + color: $blue-dark; + + } a{ - color: $black; + color: $blue-dark; font-size: 1rem; font-weight: 900; - font-style: italic; + // font-style: italic; + } } } diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index a941a2f..d2897c4 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -212,7 +212,7 @@ flex-direction: row; align-items: center; } - h3.type-publication-issue-du-programme-eqld a{ + h3.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain a{ &:before{ content:url("../images/pictos/picto-ressource-eqld.svg"); padding-right: 1rem;