bouton en savoir plus projets incubés

web/themes/custom/eql/css-compiled/styles.css

@@ -2890,11 +2890,11 @@ a {
     .path-webform .region-content #webform-submission-question-add-form #edit-actions #edit-actions-submit:after {
       content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
 
-.path-projets span {
+.path-projets .region-content #block-contenudelapageprincipale span {
   padding-top: 3rem;
   padding-bottom: 3rem;
   vertical-align: middle; }
-  .path-projets span h2 {
+  .path-projets .region-content #block-contenudelapageprincipale span h2 {
     margin: 0;
     padding-top: 2rem;
     height: 4rem;
@@ -2904,60 +2904,87 @@ a {
     background: #009ee3;
     padding-left: 13%; }
 
-.path-projets .layout--onecol .block-region-content .block-config-pages-block {
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
   width: 60%;
   margin: auto; }
-  .path-projets .layout--onecol .block-region-content .block-config-pages-block span h2 {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 {
     display: none; }
-  .path-projets .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
     font-size: 1.5rem; }
 
-.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
+  margin-top: 4rem;
+  background-color: #009ee3;
+  height: fit-content;
+  width: 60%;
+  margin-left: 2rem;
+  grid-row: 2; }
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .display {
+    display: block; }
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien {
+    display: flex;
+    flex-direction: column;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+    text-align: center; }
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien a {
+      font-weight: 800;
+      color: white;
+      font-size: 1.3rem; }
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien:after {
+      margin-left: auto;
+      padding-top: 1rem;
+      display: block;
+      content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
   width: 80%;
   margin: auto; }
-  .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
     margin-top: 4rem;
     display: flex;
     flex-direction: row; }
-    .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
       content: 'Filtrer par:'; }
-    .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
       display: flex;
       flex-direction: row; }
-      .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
+      .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
         display: none; }
-      .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend {
+      .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend {
         display: none; }
-      .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label {
+      .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label {
         display: none; }
-  .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
     margin-top: 2rem;
     display: flex;
     flex-direction: row; }
-    .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
       width: 25%;
       flex: 0 0 25%; }
-  .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
     color: #09398b;
     line-height: 1.5rem;
     padding: 0.5rem;
     padding-right: 1rem;
     padding-left: 1rem; }
-    .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
       display: flex;
       flex-direction: column; }
-      .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a {
+      .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a {
         color: #09398b; }
-      .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo {
+      .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-photo {
         order: 1; }
-        .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img {
+        .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-photo img {
           width: 100%;
           max-height: 175px;
           object-fit: cover; }
-        .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after {
+        .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-photo::after {
           display: block;
           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 .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;
@@ -2965,26 +2992,32 @@ a {
         font-weight: 800;
         margin-top: 0.8rem;
         line-height: 0.6rem; }
-        .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
+        .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 .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 .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-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;
         font-weight: 800;
         order: 4; }
-      .path-projets .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;
         margin-top: 0.5rem;
         font-size: 1rem;
         font-weight: 800; }
-        .path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 {
+        .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 h2 {
           margin: 0; }
-      .path-projets .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;
         color: red;
         margin-top: 0.8rem; }

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

@@ -1,142 +1,190 @@
 .path-projets{
-    span{
-        padding-top: 3rem;
-        padding-bottom: 3rem;
-        vertical-align: middle;
-        h2{
-            margin: 0;
-            padding-top: 2rem;
-            height: 4rem;
-            color: $white;
-            font-family: "Source Code Pro";
-            text-transform: uppercase;
-            background: $blue-light; 
-            padding-left: 13%;
-           
-        }
-    }
-    .layout--onecol{
-        .block-region-content{
-
-            //texte de présentation
-            .block-config-pages-block{
-                width: 60%;
-                margin: auto;
-                span h2{
-                    display: none;
-                }
-                .config_pages--type--les-projets{
-                    .field--name-field-introduction{
-                        p:nth-of-type(1){
-                            font-size: 1.5rem;
-                        }
-                    }
+    .region-content{
+        #block-contenudelapageprincipale{
+            span{
+                padding-top: 3rem;
+                padding-bottom: 3rem;
+                vertical-align: middle;
+                h2{
+                    margin: 0;
+                    padding-top: 2rem;
+                    height: 4rem;
+                    color: $white;
+                    font-family: "Source Code Pro";
+                    text-transform: uppercase;
+                    background: $blue-light; 
+                    padding-left: 13%;
+                   
                 }
             }
-
-
-            //partie projets
-            .block-views-blockprojets-block-1{
-                .view-projets{
-                   
-                    width: 80%;
-                    margin: auto;
-                    .view-filters{
-                        margin-top: 4rem;
-                        display: flex;
-                        flex-direction: row;
-                        &::before{
-                            content: 'Filtrer par:';
+            .layout--onecol{
+                .block-region-content{
+        
+                    //texte de présentation
+                    .block-config-pages-block{
+                        width: 60%;
+                        margin: auto;
+                        span h2{
+                            display: none;
                         }
-                        #views-exposed-form-projets-block-1{
-                            display: flex;
-                            flex-direction: row;
-                            #edit-field-neuf-rehabilitation-value--wrapper{
-                                legend{display: none;}
-                            }
-                            #edit-field-encours-fini-value--wrapper{
-                                legend{display: none;}
-                            }
-                            .js-form-type-textfield{
-                                label{display: none;}
+                        .config_pages--type--les-projets{
+                            .field--name-field-introduction{
+                                p:nth-of-type(1){
+                                    font-size: 1.5rem;
+                                }
                             }
                         }
-
-
                     }
+                    
+                    // bouton projets incubés
+                    .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
+                                                    // grid-column: 8 / span 9;
+                            margin-top: 4rem;
+                            background-color: $blue-light;
+                            height: fit-content;
+                            width: 60%;
+                            margin-left: 2rem;
+                            grid-row: 2;
+                            .display{
+                                display: block;
+                            }
+                            
 
-                    //grille de projets
-                    .view-content{
-                        margin-top: 2rem;
-                        display: flex;
-                        flex-direction: row;
-                        .views-row{
-                            width: 25%;
-                            flex: 0 0 25%;
-                        }
-
-                    }
-                    .node-type-projet{
-                        color: $blue-dark;
-                        line-height: 1.5rem;
-                        padding: 0.5rem;
-                        padding-right: 1rem;
-                        padding-left: 1rem;
-                        div:first-child{                
-                            display: flex;
-                            flex-direction: column;
-                       
-                            a{
-                                color: $blue-dark;
-                            } 
-                            .field--name-field-photo {
-                                order:1;
-                                img{  
-                                    width: 100%; 
-                                    max-height: 175px;
-                                    object-fit: cover;
-                                }
-                                &::after{ 
+                            .field--name-field-lien{
+                                display: flex;
+                                flex-direction: column;
+                                margin-top: 2rem;
+                                margin-bottom: 2rem;
+                                margin-left: 1.5rem;
+                                margin-right: 1.5rem;
+                                text-align: center;
+                                a{
+                                    font-weight: 800;
+                                    color: $white;
+                                    font-size: 1.3rem;
+                                } 
+                                &:after{
+                                    margin-left: auto;
+                                    padding-top: 1rem;
                                     display: block;
-                                    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("../images/pictos/noun_Arrow_3771902.svg")
+                                    
                                 }
+    
                             }
-                            .field--name-field-adresse{
-                                order:2;
+                    }
+        
+                    //partie projets
+                    .block-views-blockprojets-block-1{
+                        .view-projets{
+                           
+                            width: 80%;
+                            margin: auto;
+                            .view-filters{
+                                margin-top: 4rem;
                                 display: flex;
-                                text-transform: uppercase;
-                                font-size: 0.9rem;
-                                font-weight: 800;
-                                margin-top: 0.8rem;
-                                line-height: 0.6rem;
-                                .address{
+                                flex-direction: row;
+                                &::before{
+                                    content: 'Filtrer par:';
+                                }
+                                #views-exposed-form-projets-block-1{
                                     display: flex;
                                     flex-direction: row;
-                                    margin: 0;
-                                    .locality::after{
-                                        content:",";
-                                        margin-right: 0.3rem;
+                                    #edit-field-neuf-rehabilitation-value--wrapper{
+                                        legend{display: none;}
+                                    }
+                                    #edit-field-encours-fini-value--wrapper{
+                                        legend{display: none;}
+                                    }
+                                    .js-form-type-textfield{
+                                        label{display: none;}
                                     }
                                 }
+        
+        
                             }
-                            .field--name-field-sous-titre{
-                                margin-top: 0.5rem;
-                                font-size: 0.9rem;
-                                font-weight: 800;
-                                order: 4;
-                            }
-                            .field--name-title{
-                                order: 3;
-                                margin-top: 0.5rem;
-                                font-size: 1rem;
-                                font-weight: 800;
-                                h2{margin: 0;}
+        
+                            //grille de projets
+                            .view-content{
+                                margin-top: 2rem;
+                                display: flex;
+                                flex-direction: row;
+                                .views-row{
+                                    width: 25%;
+                                    flex: 0 0 25%;
+                                }
+        
                             }
-
-                            .field--name-field-incube{
-                                order:4;
-                                color: red;
-                                margin-top: 0.8rem;
+                            .node-type-projet{
+                                color: $blue-dark;
+                                line-height: 1.5rem;
+                                padding: 0.5rem;
+                                padding-right: 1rem;
+                                padding-left: 1rem;
+                                div:first-child{                
+                                    display: flex;
+                                    flex-direction: column;
+                               
+                                    a{
+                                        color: $blue-dark;
+                                    } 
+                                    .field--name-field-photo {
+                                        order:1;
+                                        img{  
+                                            width: 100%; 
+                                            max-height: 175px;
+                                            object-fit: cover;
+                                        }
+                                        &::after{ 
+                                            display: block;
+                                            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>');
+                                        }
+                                    }
+                                    .field--name-field-adresse{
+                                        order:2;
+                                        display: flex;
+                                        text-transform: uppercase;
+                                        font-size: 0.9rem;
+                                        font-weight: 800;
+                                        margin-top: 0.8rem;
+                                        line-height: 0.6rem;
+                                        .address{
+                                            display: flex;
+                                            flex-direction: row;
+                                            margin: 0;
+                                            .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{
+                                        margin-top: 0.5rem;
+                                        font-size: 0.9rem;
+                                        font-weight: 800;
+                                        order: 4;
+                                    }
+                                    .field--name-title{
+                                        order: 3;
+                                        margin-top: 0.5rem;
+                                        font-size: 1rem;
+                                        font-weight: 800;
+                                        h2{margin: 0;}
+                                    }
+        
+                                    .field--name-field-incube{
+                                        order:4;
+                                        color: red;
+                                        margin-top: 0.8rem;
+                                    }
+                                }
                             }
                         }
                     }
@@ -144,4 +192,7 @@
             }
         }
     }
+   
+    
+    
 }