From b3f26b9b3651b1b0201d525aeb8515ec446e2d81 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 19 Sep 2025 14:28:04 +0200
Subject: [PATCH] css vignette ressources

---
 web/themes/custom/reha/dist/css/bundle.css         | 13 ++++++++-----
 web/themes/custom/reha/scss/pages/_ressources.scss | 13 ++++++++-----
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index 3f50c12..c2c78b8 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/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;
diff --git a/web/themes/custom/reha/scss/pages/_ressources.scss b/web/themes/custom/reha/scss/pages/_ressources.scss
index 58b64d7..c581c18 100644
--- a/web/themes/custom/reha/scss/pages/_ressources.scss
+++ b/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;
                         }