From 8239170aefa9029d19be066047293d85c5316e17 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 22 Sep 2025 17:38:24 +0200
Subject: [PATCH] responsive actu home

---
 web/themes/custom/eql/dist/assets/css/bundle.css | 11 +++++------
 web/themes/custom/eql/scss/pages/_home.scss      | 12 ++++++------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 352776a..340eb1a 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -586,7 +586,7 @@ svg.ext {
 }
 @media (max-width: 810px) {
   .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite {
-    width: 65%;
+    width: 90%;
     height: auto;
   }
 }
@@ -639,9 +639,8 @@ svg.ext {
 }
 @media (max-width: 680px) {
   .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo .field--name-field-images .field__item img {
-    height: 200px;
+    max-height: 200px;
     object-fit: cover;
-    max-width: 70vw;
     margin: auto;
     padding-left: 0;
     padding-bottom: 1rem;
@@ -668,9 +667,9 @@ svg.ext {
 .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
   font-size: 1.3rem;
 }
-@media (min-width: 811px) {
+@media (max-width: 811px) {
   .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
-    font-size: 0.9rem;
+    font-size: 1rem;
   }
 }
 .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date div {
@@ -714,7 +713,7 @@ svg.ext {
 }
 @media (max-width: 810px) {
   .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-title {
-    font-size: 1rem;
+    font-size: 0.9rem;
     padding-top: 0.5rem;
   }
 }
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index 513c905..d4fd535 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -49,7 +49,7 @@
                                 margin-bottom: 2rem;
 
                                 @media (max-width: 810px){ 
-                                    width: 65%;
+                                    width: 90%;
                                     height: auto;
 
                                 }
@@ -95,9 +95,9 @@
                                                         max-height: 400px;
                                                     }
                                                     @media (max-width: 680px){ 
-                                                        height: 200px;
+                                                        max-height: 200px;
                                                         object-fit: cover;
-                                                        max-width: 70vw;
+                                                        // max-width: 70vw;
                                                         margin: auto;
                                                         padding-left: 0;
                                                         padding-bottom: 1rem;
@@ -131,9 +131,9 @@
                                         }
                                     .field--name-field-date{
                                         font-size: 1.3rem;
-                                        @media (min-width: 811px) {
+                                        @media (max-width: 811px) {
                                             // margin-top: 5rem;
-                                            font-size: 0.9rem;
+                                            font-size: 1rem;
                                         }
                                         div{
                                             display: flex !important;
@@ -175,7 +175,7 @@
                                             color: $blue-dark !important;
                                         }
                                         @media(max-width:810px){
-                                            font-size: 1rem;
+                                            font-size: 0.9rem;
                                             padding-top: 0.5rem;
                                          }
                                     }