From 7d5b4abd6908166187133f4b5ba19fd45a30be41 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 23 Jun 2025 13:13:14 +0200
Subject: [PATCH] responsive ressource

---
 .../custom/eql/dist/assets/css/bundle.css     | 24 +++++++++++++++++++
 .../custom/eql/scss/pages/_ressource.scss     | 21 +++++++++++++---
 2 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 364f0dd..d165a63 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -2230,6 +2230,8 @@ svg.ext {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
     width: 100vw;
     padding: 0;
+    width: 100%;
+    height: auto;
   }
 }
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
@@ -2347,6 +2349,11 @@ svg.ext {
   font-size: 2rem;
   margin-bottom: 0;
 }
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
+    font-size: 1rem;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
   margin-bottom: 0;
 }
@@ -2359,6 +2366,22 @@ svg.ext {
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
   margin: 0;
 }
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- {
+    margin-top: 0rem;
+  }
+}
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
+    font-size: 1rem;
+    margin-top: 1rem;
+  }
+}
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
+    margin-top: 0rem;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
   display: inline-flex;
   margin-top: 0.5rem;
@@ -2486,6 +2509,7 @@ svg.ext {
   height: fit-content;
   border: 2px solid rgb(0, 158, 227);
   background-color: rgb(255, 255, 255);
+  order: 2;
 }
 .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers {
   min-height: 4rem;
diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss
index a12dda3..c85227c 100644
--- a/web/themes/custom/eql/scss/pages/_ressource.scss
+++ b/web/themes/custom/eql/scss/pages/_ressource.scss
@@ -40,8 +40,10 @@
                     }
                   
                     @media (max-width: 550px) {
-                      width: 100vw;
-                      padding: 0;
+                        width: 100vw;
+                        padding: 0;
+                        width: 100%;
+                        height: auto;
                     }
                     img{
                         border: solid 1px gray;
@@ -128,6 +130,9 @@
                             margin-bottom: 0;
                         }
                     }
+                    @media (max-width: 550px) {
+                        font-size: 1rem;
+                    }
                 }
                 .block-entity-fieldnodefield-edition{
                     .field--name-field-edition{
@@ -146,10 +151,20 @@
                         p{
                             margin: 0;
                         }
+                        @media (max-width: 550px) {
+                            margin-top: 0rem;
+                        }
+                    }
+                    @media (max-width: 550px) {
+                        font-size: 1rem;
+                        margin-top: 1rem;
                     }
                 }    
 
                 .block-entity-fieldnodefield-date-de-parution{
+                    @media (max-width: 550px) {
+                        margin-top: 0rem;
+                    }
                 }
                 .block-entity-fieldnodefield-mots-clefs{
                     .field--name-field-mots-clefs{
@@ -287,7 +302,7 @@
                     height: fit-content;
                     border: 2px solid $blue-light;
                     background-color: $white;
-            
+                    order: 2;
                 }         
                 .field--name-field-fichiers{
                     min-height: 4rem;