From 77b82ce05405b4c06ac765ccdcc0f45d64f82421 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 4 Nov 2025 23:45:43 +0100 Subject: [PATCH] order link node site et projet --- .../dist/assets/css/bundle.css | 55 +++++++++++++-- .../assets/scss/pages/node-type-projet.scss | 67 ++++++++++++------- .../src/assets/scss/pages/node-type-site.scss | 37 +++++++++- 3 files changed, 130 insertions(+), 29 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index e7516e9..e86662e 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -3852,6 +3852,7 @@ body { } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) { align-content: end; + order: 1; } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_sous_titre { font-size: 0.9rem; @@ -3859,6 +3860,7 @@ body { } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_sous_titre) { flex: 0 0 100%; + order: 2; } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos { margin-top: 1rem; @@ -3868,6 +3870,7 @@ body { flex-wrap: wrap; padding-bottom: 0.5rem; font-family: "gilroy-light"; + order: 3; } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div div:nth-of-type(2) { font-size: 0.7rem; @@ -3893,6 +3896,7 @@ body { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) { margin-top: 2rem; width: 100%; + order: 6; } @media (max-width: 500px) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) { @@ -3951,6 +3955,29 @@ body { font-size: 0.5rem; font-family: "gilroy-light"; } +.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) { + order: 5; + margin-top: 0.5rem; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a { + display: inline-flex; + align-items: center; + color: white; + background: black; + padding-left: 0.5rem; + text-transform: uppercase; + font-size: 0.5rem; + margin-bottom: 0.3rem; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a svg { + display: none; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a::after { + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; +} .node-type-site .layout--threecol-25-50-25 .layout__region--third { flex: 0 1 25% !important; height: fit-content; @@ -4203,6 +4230,8 @@ body { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second { margin-right: 3rem; margin-top: 1rem; + display: flex; + flex-direction: column; } .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_nom_de_l_equipe { border-top: solid black 1px; @@ -4241,7 +4270,7 @@ body { font-family: "gilroy-light"; font-size: 0.6rem; } -.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet { +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama { display: flex !important; flex-direction: row !important; gap: 20px; @@ -4249,20 +4278,20 @@ body { margin-bottom: 2rem; } @media (max-width: 500px) { - .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet { + .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama { flex-direction: column !important; } } -.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .cadre-img-zoom img { +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img { object-fit: cover; width: 220px; height: 145px; } -.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .image-field-caption { +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption { margin: 0; max-width: 200px; } -.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .image-field-caption p { +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption p { margin-top: 0; font-size: 0.5rem; font-family: "gilroy-light"; @@ -4302,6 +4331,22 @@ body { padding-bottom: 0.2rem; height: 25px; } +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_nom_de_l_equipe) { + order: 1; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_infos) { + order: 2; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties_projet) { + order: 5; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) { + order: 3; + margin-top: 2rem; +} +.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) { + order: 4; +} .node-type-projet .layout--threecol-25-50-25 .layout__region--third { flex: 0 1 25%; } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss index 59f67cd..8f30743 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss @@ -95,6 +95,8 @@ // margin-left: 3rem; margin-right: 3rem; margin-top: 1rem; + display: flex; + flex-direction: column; .field_field_nom_de_l_equipe{ border-top: solid black 1px; @@ -144,31 +146,34 @@ } .paragraph--type--projet-diapo{ .field_field_images_projet{ - display: flex !important; - flex-direction: row !important; - // justify-content: space-between; - gap: 20px; - flex-wrap: wrap; - margin-bottom: 2rem; - @media(max-width: 500px){ - flex-direction: column !important; - } - .cadre-img-zoom{ - // margin: auto; - img{ - object-fit: cover; - width: 220px; - height: 145px; + .diaporama{ + display: flex !important; + flex-direction: row !important; + // justify-content: space-between; + gap: 20px; + flex-wrap: wrap; + margin-bottom: 2rem; + @media(max-width: 500px){ + flex-direction: column !important; } - } - .image-field-caption{ - margin: 0; - max-width: 200px; - p{ - margin-top: 0; - font-size: 0.5rem; - font-family: 'gilroy-light'; + .cadre-img-zoom{ + // margin: auto; + img{ + object-fit: cover; + width: 220px; + height: 145px; + } } + .image-field-caption{ + margin: 0; + max-width: 200px; + p{ + margin-top: 0; + font-size: 0.5rem; + font-family: 'gilroy-light'; + } + + } } } } @@ -203,6 +208,22 @@ } } + div:has(.field_field_nom_de_l_equipe){ + order: 1; + } + div:has(.field_field_infos){ + order: 2; + } + div:has(.field_field_parties_projet){ + order: 5; + } + div:has(.field_field_documents){ + order: 3; + margin-top: 2rem; + } + div:has(.field_field_liens){ + order: 4; + } } } .layout__region--third{ diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss index bf07fe4..28e897a 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss @@ -186,7 +186,7 @@ div:has(.field_title){ align-content: end; - + order: 1; } .field_field_sous_titre{ @@ -196,6 +196,7 @@ div:has(.field_field_sous_titre){ flex: 0 0 100%; + order: 2; } .infos{ @@ -206,6 +207,7 @@ flex-wrap: wrap; padding-bottom: 0.5rem; font-family: 'gilroy-light'; + order: 3; div{ div:nth-of-type(2){ font-size: 0.7rem; @@ -250,6 +252,7 @@ div:has(.field_field_parties){ margin-top: 2rem; width: 100%; + order:6; @media(max-width: 500px){ width: 100%; } @@ -320,6 +323,38 @@ } } } + div:has(.field--name-field-documents){ + order: 5; + margin-top: 0.5rem; + .field--name-field-documents{ + a{ + display: inline-flex; + align-items: center; + color: white; + background: black; + padding-left: 0.5rem; + text-transform: uppercase; + font-size: 0.5rem; + margin-bottom: 0.3rem; + + svg{ + display: none; + } + &::after{ + display: inline-flex; + content: url("../img/noun-arrow-to-right.svg"); + padding-right: 0.2rem; + padding-left: 0.2rem; + // padding-bottom: 0.2rem; + + + } + } + } + } + div:has(.field_field_liens){ + + } } }