style path-projets

web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 6fb80278a224c3fe38d240c4237dc5f845bf0529
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0

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

@@ -129,6 +129,9 @@
 .path-webform {
   margin: 0; }
 
+.path-projets {
+  margin: 0; }
+
 .main-content {
   margin-top: 7rem; }
 
@@ -2883,6 +2886,91 @@ 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 .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 {
+    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) {
+    font-size: 1.5rem; }
+
+.path-projets .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 {
+    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 {
+      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 {
+      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 {
+        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 {
+        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 {
+        display: none; }
+  .path-projets .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 {
+      width: 25%;
+      flex: 0 0 25%; }
+  .path-projets .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 {
+      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 {
+        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 {
+        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 {
+          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 {
+          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 {
+        order: 2;
+        display: flex;
+        text-transform: uppercase;
+        font-size: 0.9rem;
+        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 {
+          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 {
+        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 {
+        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 {
+          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 {
+        order: 4;
+        color: red;
+        margin-top: 0.8rem; }
+
 /*partials*/
 .layout-container {
   position: relative; }

web/themes/custom/eql/scss/global/_layout.scss

@@ -41,6 +41,9 @@
 .path-webform{
     margin: 0;
 }
+.path-projets{
+    margin: 0;
+}
 
 .main-content{
     margin-top: 7rem;

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

@@ -0,0 +1,131 @@
+.path-projets{
+    .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;
+                        }
+                    }
+                }
+            }
+
+
+            //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:';
+                        }
+                        #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;}
+                            }
+                        }
+
+
+                    }
+
+                    //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{ 
+                                    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::after{
+                                        content:",";
+                                        margin-right: 0.3rem;
+                                    }
+                                }
+                            }
+                            .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;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,41 @@
+.path-node.page-node-type-projet{
+    .layout-container{
+        overflow: unset;
+    }
+    .layout-content{
+        .region-content{
+            #block-contenudelapageprincipale{
+                .layout--threecol-25-50-25{
+                    // display: grid;
+                    // grid-template-rows: repeat(6, auto);
+                
+                    .layout__region--top{
+                        
+                        .block-region-top{
+                            // position: relative;
+                            display: grid;
+                            grid-template-columns: 1fr repeat(8, 1fr) 1fr;
+            
+                            .block-entity-fieldnodefield-adresse{
+                                grid-column: 2 / span 10;
+                                .field--name-field-adresse{
+                                    text-transform: uppercase;
+                                }
+                            }
+                            .block-entity-fieldnodetitle{
+                                font-family: 'Source Code Pro';
+            
+                            }
+                
+                        } 
+                    }
+            
+                
+                }
+            }
+        }
+    }
+
+
+   
+}

web/themes/custom/eql/scss/styles.scss

@@ -37,6 +37,8 @@
 @import "pages/_offre";
 @import "pages/_annuairederecherche";
 @import "pages/_webform";
+@import "pages/_lesprojets";
+@import "pages/_projet";
 
 
 /*partials*/