css vignette ressources

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

@@ -2928,6 +2928,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   grid-template-columns: repeat(8, 1fr);
   grid-template-rows: repeat(3, 1fr);
   padding: 1rem;
+  height: fit-content;
+  max-height: 17rem;
 }
 .page-ressources .view-ressources #views-exposed-form-ressources-page-1::before {
   content: "FILTRER :";
@@ -3013,6 +3015,7 @@ 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 .field--name-field-image .field__items .field__item img {
   height: 100%;
   object-fit: contain;
+  max-width: 100%;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .body-content {
   display: none;
@@ -3032,26 +3035,26 @@ 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 .infos-content h2 {
   order: 2;
   margin: 0;
-  font-size: 1.5rem;
+  font-size: 1.2rem;
   font-weight: 500;
   line-height: 1.8rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-sous-titre {
   order: 3;
-  font-size: 1.3rem;
+  font-size: 1rem;
   padding-top: 0.3rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-auteur {
   order: 4;
   font-weight: 900;
-  padding-top: 1rem;
+  padding-top: 0.5rem;
   padding-bottom: 1rem;
-  font-size: 1rem;
+  font-size: 0.8rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource {
   order: 1;
   text-transform: uppercase;
-  font-size: 0.9rem;
+  font-size: 0.7rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource a {
   pointer-events: none;

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

@@ -21,6 +21,8 @@
             grid-template-columns: repeat(8, 1fr);
             grid-template-rows: repeat(3, 1fr);
             padding: 1rem;
+            height: fit-content;
+            max-height: 17rem;
             &::before{
                 content: 'FILTRER :';
                 grid-column: 1;
@@ -101,6 +103,7 @@
                                 img{
                                     height: 100%;
                                     object-fit: contain;
+                                    max-width: 100%;
                                 }
                             }
                         }
@@ -120,27 +123,27 @@
                     h2{
                         order: 2;
                         margin: 0;
-                        font-size: 1.5rem;
+                        font-size: 1.2rem;
                         font-weight: 500;
                         line-height: 1.8rem;
                     }
                     .field--name-field-sous-titre {
                         order: 3;
-                        font-size: 1.3rem;
+                        font-size: 1rem;
                         padding-top: 0.3rem;
                     }
                     .field--name-field-auteur{
                         order: 4;
                         font-weight: 900;
-                        padding-top: 1rem;
+                        padding-top: 0.5rem;
                         padding-bottom: 1rem;
-                        font-size: 1rem;
+                        font-size: 0.8rem;
                     }
                 
                     .field--name-field-type-de-ressource{
                         order: 1;
                         text-transform: uppercase;
-                        font-size: 0.9rem;
+                        font-size: 0.7rem;
                         a{
                             pointer-events: none;
                         }