bouton en savoir plus projets incubés

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

@@ -2904,123 +2904,128 @@ a {
     background: #009ee3;
     padding-left: 13%; }
 
-.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
-  width: 60%;
-  margin: auto; }
-  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 {
-    display: none; }
-  .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 .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 .region-content #block-contenudelapageprincipale .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 {
+  display: grid;
+  grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
+    grid-column: 3 / span 5;
+    margin: auto; }
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 {
+      display: none; }
+    .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 .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
+    grid-column: 8 / span 9;
     margin-top: 4rem;
-    display: flex;
-    flex-direction: row; }
-    .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 .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 .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 .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 .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 .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 .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 .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 .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
+    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; }
-      .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 .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 .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 .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 .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;
+      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;
-        margin-top: 0.8rem;
-        line-height: 0.6rem; }
-        .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 {
+        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 {
+    grid-column: 3 / span 8;
+    width: 80%; }
+    .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
+      width: 80%;
+      margin: auto; }
+      .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 .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
+          content: 'Filtrer par:'; }
+        .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;
-          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 .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 .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 .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 .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; }
+          flex-direction: row; }
+          .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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: 0.6rem; }
+            .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 .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 .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 .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 .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; }
 
 .path-node.page-node-type-projet .layout-container {
   overflow: unset; }

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

@@ -19,10 +19,13 @@
             }
             .layout--onecol{
                 .block-region-content{
-        
+                    display: grid;
+                    grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+
                     //texte de présentation
                     .block-config-pages-block{
-                        width: 60%;
+                        grid-column: 3 / span 5;
+                        // width: 60%;
                         margin: auto;
                         span h2{
                             display: none;
@@ -38,7 +41,7 @@
                     
                     // bouton projets incubés
                     .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
-                                                    // grid-column: 8 / span 9;
+                            grid-column: 8 / span 9;
                             margin-top: 4rem;
                             background-color: $blue-light;
                             height: fit-content;
@@ -76,6 +79,8 @@
         
                     //partie projets
                     .block-views-blockprojets-block-1{
+                        grid-column: 3 / span 8;
+                        width: 80%;
                         .view-projets{
                            
                             width: 80%;