css node-type-ressource dans page projet

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

@@ -3224,12 +3224,25 @@ a {
       padding-top: 1rem; }
     .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers span:nth-of-type(2) {
       display: none; }
+    .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--image {
+      height: inherit;
+      margin: auto; }
+      .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--image ::before {
+        content: url("../images/pictos/noun_Download_file_307900.svg");
+        min-width: 30px;
+        height: auto;
+        padding-right: 1rem; }
+      .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--image a {
+        hyphens: auto;
+        display: inline-flex;
+        color: #009ee3;
+        font-weight: 800; }
     .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf {
       height: inherit;
       margin: auto; }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf ::before {
         content: url("../images/pictos/noun_Download_file_307900.svg");
-        min-width: 15px;
+        min-width: 30px;
         height: auto;
         padding-right: 1rem; }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf a {
@@ -3251,11 +3264,12 @@ a {
       margin-bottom: 1rem; }
     .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
       display: inline-flex;
+      align-items: center;
       color: #009ee3;
       font-weight: 800; }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
         content: url("../images/pictos/noun_External Link_674151.svg");
-        min-width: 15px;
+        min-width: 30px;
         height: auto;
         padding-right: 1rem; }
       .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
@@ -3274,31 +3288,64 @@ a {
         height: fit-content;
         margin-bottom: 1rem;
         background-color: white; }
-        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource:first-of-type {
-          border-top: 1px solid #009ee3;
-          padding-top: 1rem; }
-          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource:first-of-type::after {
-            content: url("../images/pictos/noun_Arrow_3771902.svg");
-            align-self: flex-end; }
-        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-title a {
-          color: black;
-          font-size: 1.4rem;
-          font-weight: 600; }
-        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-auteur-s- {
-          font-weight: 800; }
-          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-auteur-s- p {
+        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div {
+          display: flex;
+          flex-direction: column; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-title {
+            order: 3; }
+            .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-title h2 {
+              margin: 0; }
+              .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-title h2 a {
+                color: black;
+                font-size: 1rem;
+                font-weight: 900;
+                font-style: italic; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-sous-titre {
+            display: none; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-type-de-ressource {
+            order: 2;
+            text-transform: uppercase;
+            color: #009ee3;
+            font-weight: 900;
+            font-size: 0.8rem; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-auteur-s- {
+            order: 5;
+            font-weight: 800; }
+            .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-auteur-s- p {
+              margin: 0; }
+            .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-auteur-s- .field__label {
+              display: none; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-edition p {
             margin: 0; }
-          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-auteur-s- .field__label {
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-edition .field__label {
+            display: none; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-images {
+            order: 1;
+            width: 25%; }
+            .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-images img {
+              width: 100%;
+              height: auto; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-mots-clefs {
+            order: 6;
+            display: flex;
+            margin-top: 2rem;
+            flex-direction: row;
+            flex-wrap: wrap; }
+            .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-mots-clefs .field__item {
+              margin-right: 0.5rem;
+              padding-left: 0.3rem;
+              padding-right: 0.3rem;
+              font-size: 0.8rem; }
+              .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div .field--name-field-mots-clefs .field__item a {
+                background: #09398b;
+                color: white;
+                font-weight: 800;
+                vertical-align: super;
+                padding-left: 0.1rem;
+                padding-right: 0.1rem;
+                display: inline-flex; }
+          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource div ul.links.inline {
             display: none; }
-        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-edition p {
-          margin: 0; }
-        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-edition .field__label {
-          display: none; }
-        .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-images {
-          width: 50%; }
-          .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ressource-s-liee-s- .node-type-ressource .field--name-field-images img {
-            width: 100%;
-            height: auto; }
 
 .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-entity-fieldnodefield-partenaires {
   width: 50%;

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

@@ -343,13 +343,30 @@
                                     span:nth-of-type(2){
                                         display: none;
                                     }
-                                    
+                                    .file--image{    
+                                        height: inherit;      
+                                        margin: auto;  
+                                        ::before{
+                                            content: url("../images/pictos/noun_Download_file_307900.svg");
+                                            min-width:30px;
+                                            height: auto;
+                                            padding-right: 1rem;
+                                        }
+                                        a{
+                                            hyphens: auto;
+                                            display: inline-flex;
+                                            // align-items: center;
+                                            color: $blue-light;
+                                            font-weight: 800;
+                                            // max-width: 80px ;
+                                        }
+                                    }
                                     .file--mime-application-pdf{    
                                         height: inherit;      
                                         margin: auto;  
                                         ::before{
                                             content: url("../images/pictos/noun_Download_file_307900.svg");
-                                            min-width:15px;
+                                            min-width:30px;
                                             height: auto;
                                             padding-right: 1rem;
                                         }
@@ -382,12 +399,12 @@
                                     }
                                     a{
                                         display: inline-flex;
-                                        // align-items: center;
+                                        align-items: center;
                                         color: $blue-light;
                                         font-weight: 800;
                                         &::before{
                                             content: url("../images/pictos/noun_External Link_674151.svg");
-                                            min-width: 15px;
+                                            min-width: 30px;
                                             height: auto;
                                             padding-right: 1rem;
                                         }
@@ -418,49 +435,96 @@
                                     height: fit-content;
                                     margin-bottom: 1rem;
                                     background-color: $white;
-                                    &:first-of-type{
-                                        border-top: 1px solid $blue-light;
-                                        padding-top: 1rem;
-                                        &::after{
-                                            content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                            align-self: flex-end;
+                                    // &:first-of-type{
+                                    //     border-top: 1px solid $blue-light;
+                                    //     padding-top: 1rem;
+                                    //     &::after{
+                                    //         content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                    //         align-self: flex-end;
+                                    //     }
+                                    // }
+                                    div{
+                                        display: flex;
+                                        flex-direction: column;
+                                        .field--name-title{
+                                            order: 3;
+                                            h2{
+                                                margin: 0;
+                                                a{
+                                                    color: $black;
+                                                    font-size: 1rem;
+                                                    font-weight: 900;
+                                                    font-style: italic;
+                                                }
+                                            }
                                         }
-                                    }
-                                    .field--name-title{
-                                        a{
-                                            color: $black;
-                                            font-size: 1.4rem;
-                                            font-weight: 600;
-                    
+                                        .field--name-field-sous-titre{
+                                            display: none;
                                         }
-                                    }
-                                    .field--name-field-type-de-ressource{
-
-                                    }
-                                    .field--name-field-auteur-s-{
-                                        font-weight: 800;
-                                        p{
-                                            margin: 0;
+                                        .field--name-field-type-de-ressource{
+                                            order: 2;
+                                            text-transform: uppercase;
+                                            color: $blue-light;
+                                            font-weight: 900;
+                                            font-size: 0.8rem;
                                         }
-                                        .field__label{
-                                            display:none;
+                                        .field--name-field-auteur-s-{
+                                            order: 5;
+                                            font-weight: 800;
+                                            p{
+                                                margin: 0;
+                                            }
+                                            .field__label{
+                                                display:none;
+                                            }
                                         }
-                                    }
-                                    .field--name-field-edition{
-                                        p{
-                                            margin: 0;
+                                        .field--name-field-edition{
+                                            p{
+                                                margin: 0;
+                                            }
+                                            .field__label{
+                                                display:none;
+                                            }
                                         }
-                                        .field__label{
-                                            display:none;
+                                        .field--name-field-images{
+                                            // display: none;
+                                            order: 1;
+                                            width: 25%;
+        
+                                            img{
+                                                width: 100%;
+                                                height: auto;
+                                            }
                                         }
-                                    }
-                                    .field--name-field-images{
-                                        width: 50%;
-                                        img{
-                                            width: 100%;
-                                            height: auto;
+                                        .field--name-field-mots-clefs{
+                                            order: 6;
+                                            display: flex;
+                                            margin-top: 2rem;
+                                            flex-direction: row;
+                                            flex-wrap: wrap;
+        
+                                            .field__item{
+                                                
+                                                margin-right: 0.5rem;
+                                                padding-left: 0.3rem;
+                                                padding-right: 0.3rem;
+                                                font-size: 0.8rem;
+                                            
+                                                a{
+                                                    background: $blue-dark;
+                                                    color: $white;
+                                                    font-weight: 800;
+                                                    vertical-align: super;
+                                                    padding-left: 0.1rem;
+                                                    padding-right: 0.1rem;
+                                                    display: inline-flex;
+                                                }
+                                            }
                                         }
-                                    }
+                                        ul.links.inline{
+                                            display: none;
+                                        }
+                                    }    
                                 }
                             }
                         

web/themes/custom/eql/templates/layout--threecol-25-50-25.html.twig

@@ -23,7 +23,7 @@
   <div{{ attributes.addClass(classes) }}>
     {% if content.top %}
       <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
-       {{content.top}}
+        {{content.top}}
         <div class='top_top'>
           {{ content.top_left }}
           <div class='top_right'>