bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

order link node site et projet

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-04 23:45:43 +01:00
parent 2ca0ea9c50
commit 77b82ce054
3 changed files with 130 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -3852,6 +3852,7 @@ body {
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) {
align-content: end; align-content: end;
order: 1;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_sous_titre { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_sous_titre {
font-size: 0.9rem; 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) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_sous_titre) {
flex: 0 0 100%; flex: 0 0 100%;
order: 2;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos {
margin-top: 1rem; margin-top: 1rem;
@@ -3868,6 +3870,7 @@ body {
flex-wrap: wrap; flex-wrap: wrap;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
font-family: "gilroy-light"; 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) { .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; 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) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;
order: 6;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) { .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-size: 0.5rem;
font-family: "gilroy-light"; 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 { .node-type-site .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 25% !important; flex: 0 1 25% !important;
height: fit-content; height: fit-content;
@@ -4203,6 +4230,8 @@ body {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
margin-right: 3rem; margin-right: 3rem;
margin-top: 1rem; 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 { .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; border-top: solid black 1px;
@@ -4241,7 +4270,7 @@ body {
font-family: "gilroy-light"; font-family: "gilroy-light";
font-size: 0.6rem; 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; display: flex !important;
flex-direction: row !important; flex-direction: row !important;
gap: 20px; gap: 20px;
@@ -4249,20 +4278,20 @@ body {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
@media (max-width: 500px) { @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; 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; object-fit: cover;
width: 220px; width: 220px;
height: 145px; 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; margin: 0;
max-width: 200px; 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; margin-top: 0;
font-size: 0.5rem; font-size: 0.5rem;
font-family: "gilroy-light"; font-family: "gilroy-light";
@@ -4302,6 +4331,22 @@ body {
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
height: 25px; 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 { .node-type-projet .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 25%; flex: 0 1 25%;
} }

67
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -95,6 +95,8 @@
// margin-left: 3rem; // margin-left: 3rem;
margin-right: 3rem; margin-right: 3rem;
margin-top: 1rem; margin-top: 1rem;
display: flex;
flex-direction: column;
.field_field_nom_de_l_equipe{ .field_field_nom_de_l_equipe{
border-top: solid black 1px; border-top: solid black 1px;
@@ -144,31 +146,34 @@
} }
.paragraph--type--projet-diapo{ .paragraph--type--projet-diapo{
.field_field_images_projet{ .field_field_images_projet{
display: flex !important; .diaporama{
flex-direction: row !important; display: flex !important;
// justify-content: space-between; flex-direction: row !important;
gap: 20px; // justify-content: space-between;
flex-wrap: wrap; gap: 20px;
margin-bottom: 2rem; flex-wrap: wrap;
@media(max-width: 500px){ margin-bottom: 2rem;
flex-direction: column !important; @media(max-width: 500px){
} flex-direction: column !important;
.cadre-img-zoom{
// margin: auto;
img{
object-fit: cover;
width: 220px;
height: 145px;
} }
} .cadre-img-zoom{
.image-field-caption{ // margin: auto;
margin: 0; img{
max-width: 200px; object-fit: cover;
p{ width: 220px;
margin-top: 0; height: 145px;
font-size: 0.5rem; }
font-family: 'gilroy-light';
} }
.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{ .layout__region--third{

37
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@@ -186,7 +186,7 @@
div:has(.field_title){ div:has(.field_title){
align-content: end; align-content: end;
order: 1;
} }
.field_field_sous_titre{ .field_field_sous_titre{
@@ -196,6 +196,7 @@
div:has(.field_field_sous_titre){ div:has(.field_field_sous_titre){
flex: 0 0 100%; flex: 0 0 100%;
order: 2;
} }
.infos{ .infos{
@@ -206,6 +207,7 @@
flex-wrap: wrap; flex-wrap: wrap;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
font-family: 'gilroy-light'; font-family: 'gilroy-light';
order: 3;
div{ div{
div:nth-of-type(2){ div:nth-of-type(2){
font-size: 0.7rem; font-size: 0.7rem;
@@ -250,6 +252,7 @@
div:has(.field_field_parties){ div:has(.field_field_parties){
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;
order:6;
@media(max-width: 500px){ @media(max-width: 500px){
width: 100%; 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){
}
} }
} }