bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

projets teaser display région et paps pays

Browse Source
This commit is contained in:
ouidade
2026-05-29 10:32:47 +02:00
parent e919d163ed
commit 0b12405c00
3 changed files with 112 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+52 -28
View File
@@ -4836,34 +4836,8 @@ svg.ext {
content: url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>'); content: url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
} }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse {
order: 2;
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 1rem;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
display: flex;
flex-direction: row;
margin: 0;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .postal-code {
display: none; display: none;
} }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
content: ",";
margin-right: 0.3rem;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre {
margin-top: 0.5rem; margin-top: 0.5rem;
font-size: 0.9rem; font-size: 0.9rem;
@@ -4871,7 +4845,7 @@ svg.ext {
order: 4; order: 4;
} }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title {
order: 3; order: 4;
margin-top: 0.5rem; margin-top: 0.5rem;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 800; font-weight: 800;
@@ -4880,7 +4854,7 @@ svg.ext {
margin: 0; margin: 0;
} }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube {
order: 4; order: 5;
color: red; color: red;
margin-top: 0.8rem; margin-top: 0.8rem;
font-size: 0.7rem; font-size: 0.7rem;
@@ -4897,6 +4871,56 @@ svg.ext {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-etape-du-projet { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-etape-du-projet {
display: none; display: none;
} }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region {
order: 2;
display: flex;
flex-wrap: wrap;
flex-direction: row;
font-size: 0.7rem;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-adresse {
display: flex;
flex: 0 1 auto;
width: auto;
min-width: 0;
text-transform: uppercase;
line-height: 1.3;
font-weight: 800;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-adresse .address {
display: flex;
margin: 0;
flex-wrap: wrap;
min-width: 0;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-adresse .address .postal-code {
display: none;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-adresse .address .locality {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-adresse .address .locality::after {
content: ",";
margin-right: 0.3rem;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-adresse .address .country {
display: none;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .ville-region .field--name-field-region {
display: flex;
min-width: 0;
flex: 0 1 auto;
width: auto;
overflow-wrap: break-word;
text-transform: uppercase;
font-weight: 800;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.3;
}
.path-node.page-node-type-projet .layout-container { .path-node.page-node-type-projet .layout-container {
overflow: unset; overflow: unset;
web/themes/custom/eql/scss/pages/_lesprojets.scss
+55 -28
View File
@@ -219,32 +219,7 @@
} }
} }
.field--name-field-adresse{ .field--name-field-adresse{
order:2; display: none;
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 1rem;
.address{
display: flex;
flex-direction: row;
margin: 0;
.postal-code{
display: none;
}
.locality{
padding-top: 0 !important;
padding-bottom: 0 !important;
&::after{
content:",";
margin-right: 0.3rem;
}
}
.country{
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
} }
.field--name-field-sous-titre{ .field--name-field-sous-titre{
margin-top: 0.5rem; margin-top: 0.5rem;
@@ -253,7 +228,7 @@
order: 4; order: 4;
} }
.field--name-title{ .field--name-title{
order: 3; order: 4;
margin-top: 0.5rem; margin-top: 0.5rem;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 800; font-weight: 800;
@@ -261,13 +236,14 @@
} }
.field--name-field-incube{ .field--name-field-incube{
order:4; order:5;
color: red; color: red;
margin-top: 0.8rem; margin-top: 0.8rem;
font-size: 0.7rem; font-size: 0.7rem;
} }
.field--name-field-region{ .field--name-field-region{
display: none; display: none;
} }
.field--name-field-type-de-moa{ .field--name-field-type-de-moa{
display: none; display: none;
@@ -278,6 +254,57 @@
.field--name-field-etape-du-projet{ .field--name-field-etape-du-projet{
display: none; display: none;
} }
.ville-region{
order: 2;
display: flex;
flex-wrap: wrap;
flex-direction: row;
font-size: 0.7rem;
.field--name-field-adresse{
display: flex;
flex: 0 1 auto;
width: auto;
min-width: 0;
text-transform: uppercase;
line-height: 1.3;
font-weight: 800;
.address{
display: flex;
margin: 0;
flex-wrap: wrap;
min-width: 0;
.postal-code{
display: none;
}
.locality{
padding-top: 0 !important;
padding-bottom: 0 !important;
&::after{
content:",";
margin-right: 0.3rem;
}
}
.country{
display: none;
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
}
.field--name-field-region{
display: flex;
min-width: 0;
flex: 0 1 auto;
width: auto;
overflow-wrap: break-word;
text-transform: uppercase;
font-weight: 800;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.3;
}
}
} }
} }
} }
web/themes/custom/eql/templates/node--projet--teaser.html.twig
+5
View File
@@ -94,6 +94,11 @@
<div{{ content_attributes }}> <div{{ content_attributes }}>
{{ content }} {{ content }}
<div class= "ville-region">
{{ content.field_adresse }}
{{ content.field_region }}
</div>
<div class="filtres_projet"> <div class="filtres_projet">
{{content.bottom}} {{content.bottom}}
</div> </div>