design page ressource

web/themes/custom/reha/dist/css/bundle.css

@@ -3056,8 +3056,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: 0;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource {
-  width: 80%;
+  width: 100%;
   margin: auto;
+  background-color: rgb(255, 255, 255);
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource {
   order: 1;
@@ -3066,13 +3067,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource img {
   width: 100%;
-  height: auto;
+  max-height: 250px;
+  object-fit: contain;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content {
   display: flex;
   flex-direction: column;
-  border: solid #fdc300 1px;
-  background-color: rgb(255, 255, 255);
   padding: 1rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content h2 {
@@ -3095,6 +3095,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   text-transform: uppercase;
   font-size: 1.2rem;
 }
+.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource a {
+  pointer-events: none;
+}
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-site {
   order: 5;
   background-color: rgb(153, 147, 174);
@@ -3123,13 +3126,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 
 .page-node-site .node-type-ressource {
   display: grid;
-  grid-template-columns: repeat(4, auto);
+  grid-template-columns: 1fr repeat(3, 1fr) 1fr;
   grid-template-rows: repeat(2, auto);
   padding-top: 3rem;
 }
 .page-node-site .node-type-ressource .image-ressource {
   grid-row: 1;
-  grid-column: 1/span 2;
+  grid-column: 2/span 2;
   margin-right: 2rem;
 }
 .page-node-site .node-type-ressource .image-ressource img {
@@ -3139,27 +3142,46 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-node-site .node-type-ressource .infos-content {
   grid-row: 1;
   grid-column: 3/span 4;
+  margin-left: 2rem;
 }
 .page-node-site .node-type-ressource .infos-content .field--name-field-type-de-ressource {
   text-transform: uppercase;
-  font-size: 1.5rem;
+  font-size: 1rem;
 }
 .page-node-site .node-type-ressource .infos-content .field--name-field-sous-titre {
   font-size: 2rem;
 }
 .page-node-site .node-type-ressource .infos-content .field--name-field-auteur {
   font-weight: 800;
-  font-size: 1.4rem;
+  font-size: 1.3rem;
+}
+.page-node-site .node-type-ressource .infos-content .field--name-field-site {
+  background-color: rgb(153, 147, 174);
+  border-radius: 50px;
+  width: fit-content;
+  padding: 0.2rem 0.9rem;
+  margin-top: 1rem;
+}
+.page-node-site .node-type-ressource .infos-content .field--name-field-site a {
+  color: white;
+  font-weight: 900;
+  font-size: 0.8rem;
+  vertical-align: top;
 }
 .page-node-site .node-type-ressource .body-content {
   grid-row: 2;
-  grid-column: 1/span 3;
+  grid-column: 2/span 4;
   width: 100%;
   margin-top: 2rem;
 }
 .page-node-site .node-type-ressource .body-content .field--name-field-fichiers {
   width: fit-content;
 }
+.page-node-site .node-type-ressource .body-content .links-content {
+  margin-top: 2rem;
+  position: relative;
+  left: -10%;
+}
 
 .page-actualites .view-actus {
   padding-top: 3rem;

web/themes/custom/reha/js/reha.js

@@ -159,7 +159,7 @@ jQuery(document).ready(function($){
 
   // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
   $(document).ready(function(){
-    $('.page-node-site .field--name-field-image .field__items').slick({
+    $('.node-type-site .page-node-site .field--name-field-image .field__items').slick({
       slidesToShow: 1,
       // slidesToScroll: 1,
       dots: true,

web/themes/custom/reha/scss/pages/node-ressource.scss

@@ -2,13 +2,13 @@
     .node-type-ressource{
 
         display: grid;
-        grid-template-columns: repeat(4, auto);
+        grid-template-columns: 1fr repeat(3, 1fr) 1fr;
         grid-template-rows: repeat(2, auto);
         padding-top: 3rem;
 
         .image-ressource{
             grid-row: 1;
-            grid-column: 1 /span 2;
+            grid-column: 2 /span 2;
             margin-right: 2rem;
 
             img{
@@ -19,27 +19,49 @@
         .infos-content{
             grid-row: 1;
             grid-column: 3 /span 4;
+            margin-left: 2rem;
             
             .field--name-field-type-de-ressource{
                 text-transform: uppercase;
-                font-size: 1.5rem;
+                font-size: 1rem;
             }
             .field--name-field-sous-titre{
                 font-size: 2rem;
             }
             .field--name-field-auteur{
                 font-weight: 800;
-                font-size: 1.4rem;
+                font-size: 1.3rem;
+            }
+            .field--name-field-site{
+                background-color: rgb(153, 147, 174);
+                border-radius: 50px;
+                width: fit-content;
+                padding: 0.2rem 0.9rem;
+                margin-top: 1rem;
+                a{
+                    color: white;
+                    font-weight: 900;
+                    font-size: 0.8rem;
+                    vertical-align: top;
+                }
             }
         }
         .body-content {
             grid-row: 2;
-            grid-column: 1 /span 3;
+            grid-column: 2 /span 4;
             width: 100%;
             margin-top: 2rem;
             .field--name-field-fichiers{
                 width: fit-content;
             }
+            .summary-content{
+                
+            }
+            .links-content{
+                margin-top: 2rem;
+                position: relative;
+                left: -10%;
+            }
 
         }
     }   

web/themes/custom/reha/scss/pages/ressources.scss

@@ -57,8 +57,9 @@
 
             .node-type-ressource{
 
-                width: 80%;
+                width: 100%;
                 margin: auto;
+                background-color: $white-button;
                 
                 .image-ressource{
                     order: 1;
@@ -66,14 +67,16 @@
                     margin: auto;
                     img{
                         width: 100%;
-                        height: auto;
+                        // height: auto;
+                        max-height: 250px;
+                        object-fit: contain;
                     }
                 }
                 .infos-content{
                     display: flex;
                     flex-direction: column;
-                    border: solid $yellow-puca 1px;
-                    background-color: $white-button;
+                    // border: solid $yellow-puca 1px;
+                   
                     padding: 1rem;
                     h2{
                         order: 2;
@@ -96,6 +99,9 @@
                         order: 1;
                         text-transform: uppercase;
                         font-size: 1.2rem;
+                        a{
+                            pointer-events: none;
+                        }
                     }
                     .field--name-field-site{