From 97c8960289eeae9e5269e68d476e511dd8d8a91b Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 14 Mar 2025 14:40:30 +0100
Subject: [PATCH] degug css /actualites

---
 .../custom/quartiers_de_demain/dist/assets/css/bundle.css | 5 ++---
 .../src/assets/scss/partials/actu-caroussel-home.scss     | 8 ++++----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index c36a197..06effd6 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -1549,11 +1549,11 @@ footer {
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images {
   order: 1;
+  background-color: black;
   -moz-border-radius: 9px; /* pour Mozilla */
   -khtml-border-radius: 9px; /* pour Safari et Chrome */
   -webkit-border-radius: 9px; /* pour Safari sur Mac */
   border-radius: 9px; /* CSS3 */
-  height: 250px;
   width: 100%;
   margin-bottom: 0.6rem;
 }
@@ -1565,11 +1565,10 @@ footer {
 #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom {
   height: 100%;
   display: block;
-  height: 100%;
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom img {
   width: 100%;
-  height: 100%;
+  height: auto;
   object-fit: cover;
   -moz-border-radius: 9px; /* pour Mozilla */
   -khtml-border-radius: 9px; /* pour Safari et Chrome */
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
index 1d7fb37..e5ffb5f 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@@ -48,12 +48,12 @@
                     align-items: flex-start;
                     .field_field_images{
                         order: 1;
-                        // background-color: black;
+                        background-color: black;
                         -moz-border-radius: 9px; /* pour Mozilla */
                         -khtml-border-radius: 9px; /* pour Safari et Chrome */
                         -webkit-border-radius: 9px; /* pour Safari sur Mac */
                         border-radius: 9px; /* CSS3 */
-                        height: 250px;
+                        // height: 250px;
                         width: 100%;
                         margin-bottom: 0.6rem;
                         @media(max-width: 550px){
@@ -62,10 +62,10 @@
                         div.cadre-img-zoom{
                             height: 100%;
                             display: block;
-                            height: 100%;
+                            // height: 100%;
                             img{
                                 width: 100%;
-                                height: 100%;
+                                height: auto;
                                 object-fit: cover;
                                 -moz-border-radius: 9px; /* pour Mozilla */
                                 -khtml-border-radius: 9px; /* pour Safari et Chrome */