projets teaser display région et paps pays

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -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>');
 }
 .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;
 }
-.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 {
   margin-top: 0.5rem;
   font-size: 0.9rem;
@@ -4871,7 +4845,7 @@ svg.ext {
   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 {
-  order: 3;
+  order: 4;
   margin-top: 0.5rem;
   font-size: 0.8rem;
   font-weight: 800;
@@ -4880,7 +4854,7 @@ svg.ext {
   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 {
-  order: 4;
+  order: 5;
   color: red;
   margin-top: 0.8rem;
   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 {
   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 {
   overflow: unset;

web/themes/custom/eql/scss/pages/_lesprojets.scss

@@ -219,32 +219,7 @@
                                             }
                                         }
                                         .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;
-                                            .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;
-                                                }                                      }
+                                            display: none;                                 
                                         }
                                         .field--name-field-sous-titre{
                                             margin-top: 0.5rem;
@@ -253,7 +228,7 @@
                                             order: 4;
                                         }
                                         .field--name-title{
-                                            order: 3;
+                                            order: 4;
                                             margin-top: 0.5rem;
                                             font-size: 0.8rem;
                                             font-weight: 800;
@@ -261,13 +236,14 @@
                                         }
             
                                         .field--name-field-incube{
-                                            order:4;
+                                            order:5;
                                             color: red;
                                             margin-top: 0.8rem;
                                             font-size: 0.7rem;
                                         }
                                         .field--name-field-region{
                                             display: none;
+                                
                                         }
                                         .field--name-field-type-de-moa{
                                             display: none;
@@ -278,6 +254,57 @@
                                         .field--name-field-etape-du-projet{
                                             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

@@ -94,6 +94,11 @@
 
   <div{{ content_attributes }}>
     {{ content }}
+      <div class= "ville-region">
+       {{ content.field_adresse }}
+        {{ content.field_region }}
+        
+      </div>
     <div class="filtres_projet">
     {{content.bottom}}
     </div>