css grille ressources

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

@@ -1796,15 +1796,23 @@ a {
             .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-images img {
               width: 100%;
               height: auto; }
+          .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-date-de-parution {
+            order: 6; }
+            .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-date-de-parution .field__label {
+              display: none; }
           .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-mots-clefs {
-            order: 6;
+            order: 7;
             display: flex;
-            margin-top: 2rem;
+            margin-top: 0.8rem;
             flex-direction: row;
             flex-wrap: wrap; }
+            .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-mots-clefs .field__label {
+              display: none; }
+            .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-mots-clefs .field__items {
+              display: flex;
+              flex-direction: row; }
             .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .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; }
               .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-mots-clefs .field__item a {
@@ -3929,10 +3937,12 @@ a {
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
                 display: none; }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images {
-                width: 50%; }
+                height: 100px; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
+                  height: 100px; }
                 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images img {
-                  width: 100%;
-                  height: auto; }
+                  height: 100%;
+                  width: auto; }
               .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
                 display: flex;
                 margin-top: 2rem;

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

@@ -344,17 +344,28 @@
                                         height: auto;
                                     }
                                 }
-                                .field--name-field-mots-clefs{
+                                .field--name-field-date-de-parution{
                                     order: 6;
+                                    .field__label{
+                                        display: none;
+                                    }
+                                }
+                                .field--name-field-mots-clefs{
+                                    order: 7;
                                     display: flex;
-                                    margin-top: 2rem;
+                                    margin-top: 0.8rem;
                                     flex-direction: row;
                                     flex-wrap: wrap;
-
+                                    .field__label{
+                                        display: none;
+                                    }
+                                    .field__items{
+                                        display: flex;
+                                        flex-direction: row;
+                                    }
                                     .field__item{
                                         
                                         margin-right: 0.5rem;
-                                        padding-left: 0.3rem;
                                         padding-right: 0.3rem;
                                         font-size: 0.8rem;
                                     

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

@@ -218,10 +218,16 @@
                                             }
                                             .field--name-field-images{
                                                 // display: none;
-                                                width: 50%;
+                                                // width: 30%;
+                                                height: 100px;
+                                                .field__item{
+                                                    height: 100px;
+                                                }
                                                 img{
-                                                    width: 100%;
-                                                    height: auto;
+                                                    height: 100%;
+                                                    width: auto;
+                                                    // width: 100%;
+                                                    // height: auto;
                                                 }
                                             }
                                             .field--name-field-mots-clefs{