From f74ef1208d50ed153ae08ae871a47ccc3e9da44a Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 15 May 2025 09:33:22 +0200 Subject: [PATCH] link --- .../custom/eql/dist/assets/css/bundle.css | 33 ++++++-- .../assets/images/pictos/external_link.png | Bin 0 -> 522 bytes .../assets/images/pictos/external_link.svg | 70 ++++++++++++++++ .../images/pictos/noun_External Link.svg | 38 +++++++++ .../pictos/noun_External Link_674151.svg | 56 ++++--------- .../assets/images/pictos/picto_lieu_blue.svg | 79 ++++++++++++++++++ .../pictos/noun_External Link_674151.svg | 55 ++++-------- .../eql/images/pictos/picto_lieu_blue.svg | 79 ++++++++++++++++++ .../custom/eql/scss/pages/_ressource.scss | 43 ++++++++-- .../custom/eql/scss/pages/ressources.scss | 2 +- 10 files changed, 364 insertions(+), 91 deletions(-) create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/external_link.png create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/external_link.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/noun_External Link.svg create mode 100644 web/themes/custom/eql/dist/assets/images/pictos/picto_lieu_blue.svg create mode 100644 web/themes/custom/eql/images/pictos/picto_lieu_blue.svg 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 0000000000000000000000000000000000000000..1053f10f613ec93b1d79ba7ddf6c23d61e0d19a5 GIT binary patch literal 522 zcmV+l0`>igP)y%)#uJY_bG6!^4?nW-&>WikUqDJ07)GJc>k!74FCxusO$Dw}4YBjVKD4CuY_L zE`bf;6Ig>Kn_3fy-r#%`B|6R};dKCQ;C)cL3+w}(;do2YkzYD-Ea|rTn$^nr9q{Nl z{)0!6ItUntTuJJ94DOY>2nc+!&w_xUkXaEB5Hb$}f2nYgM6afJs9tbE5 z@j^gB$OPhz1rRX4vS*7U;sv-KK1i}#t+|Ws0S6v+vrerkow)I+oeh!_0hu7F5s(3r z0|AL4xe$;Lk`n=mAh{8cU_nfUFtZl02QclH+-*T5(PB5KJ^Je>>4I2dI#uH`wajcC zxS)^d0!NbWJ!;pDOGhMq0EfUcaFQDVju*S6S2Np|^yO7^mbm`>mO?;)TV1a-kZ5Tj z(b7PorGZ3C1BsRf5-rtje9O#=eUKX2{p(4ie;>S5k@Vvm|2I?X8`eP;8{+$i^8f$< M07*qoM6N<$g4qh!kN^Mx literal 0 HcmV?d00001 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;