From 56c1cb1e89299434f873685859e21dda695c5c03 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 3 Oct 2025 14:23:02 +0200
Subject: [PATCH] =?UTF-8?q?responsive=201=20actualit=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/themes/custom/reha/dist/css/bundle.css    | 33 ++++++++++++++++++-
 .../reha/scss/pages/_node-actualite.scss      | 17 +++++++++-
 2 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index 7b65a04..b7ae139 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -3479,6 +3479,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: auto;
   align-items: center;
 }
+@media (max-width: 891px) {
+  .node-type-actualite .entete_actu {
+    flex-direction: column;
+    width: 100%;
+  }
+}
 .node-type-actualite .entete_actu .image-actualite {
   width: 50%;
   height: 100%;
@@ -3500,18 +3506,43 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 @media (max-width: 900px) {
   .node-type-actualite .entete_actu .infos-content {
-    width: 45%;
+    width: 50%;
     height: fit-content;
   }
+  .node-type-actualite .entete_actu .infos-content h1 {
+    font-size: 1.2rem;
+  }
+  .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
+    font-size: 1rem;
+  }
+  .node-type-actualite .entete_actu .infos-content .field--name-field-site .field__item {
+    font-size: 0.7rem;
+  }
+  .node-type-actualite .entete_actu .infos-content .field--name-field-date {
+    font-size: 0.6rem;
+  }
 }
 .node-type-actualite .body-content .summary-content {
   width: 60%;
   margin: auto;
 }
+@media (max-width: 891px) {
+  .node-type-actualite .body-content .summary-content {
+    width: 80%;
+  }
+}
 .node-type-actualite .body-content .links-content {
   width: 15%;
   margin-left: 12.5%;
 }
+@media (max-width: 891px) {
+  .node-type-actualite .body-content .links-content {
+    width: 80%;
+  }
+  .node-type-actualite .body-content .links-content .field--name-field-fichiers {
+    width: fit-content;
+  }
+}
 
 .page-mon-espace-de-travail {
   /* On cache le texte mais on le garde accessible */
diff --git a/web/themes/custom/reha/scss/pages/_node-actualite.scss b/web/themes/custom/reha/scss/pages/_node-actualite.scss
index 03f6f0b..b317f2f 100644
--- a/web/themes/custom/reha/scss/pages/_node-actualite.scss
+++ b/web/themes/custom/reha/scss/pages/_node-actualite.scss
@@ -6,6 +6,10 @@
             width: 75%;
             margin: auto;
             align-items: center;
+            @media (max-width:891px) {
+                flex-direction: column;
+                width: 100%;
+            }
             .image-actualite{
                 width: 50%;
                 height: 100%;
@@ -25,8 +29,12 @@
                 width: 30%;
                 right: 5%;
                 @media (max-width: 900px) {
-                    width: 45%;
+                    width: 50%;
                     height: fit-content;
+                    h1{font-size: 1.2rem;}
+                    .field--name-field-sous-titre{font-size: 1rem;}
+                    .field--name-field-site .field__item{font-size: 0.7rem;}
+                    .field--name-field-date{font-size: 0.6rem;}
                 }
                
             }
@@ -36,10 +44,17 @@
             .summary-content{
                 width: 60%;
                 margin: auto;
+                @media (max-width:891px) {
+                    width: 80%;
+                }
             }
             .links-content{
                 width: 15%;
                 margin-left: calc(25%/2);
+                @media (max-width:891px) {
+                    width: 80%;
+                    .field--name-field-fichiers{width: fit-content;}
+                }
             }
         }
     }