From 50343fc83b15a988dd63a3d74d342e48b2a8b655 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 11 Oct 2024 15:56:42 +0200
Subject: [PATCH] css ressource

---
 .../custom/eql/dist/assets/css/bundle.css     | 46 ++++++++++---------
 .../custom/eql/scss/pages/_ressource.scss     | 34 +++++++++-----
 2 files changed, 46 insertions(+), 34 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 6ba34d6..d8e8e3a 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -2149,8 +2149,8 @@ a {
 }
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
   width: fit-content;
-  margin: auto;
   padding-right: 2rem;
+  padding-left: 30%;
 }
 @media screen and (min-width: 1100px) {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
@@ -2159,6 +2159,11 @@ a {
     align-self: start; /* S'assurer qu'il commence en haut */
   }
 }
+@media (max-width: 1100px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+    padding-left: 13%;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
@@ -2170,7 +2175,7 @@ a {
   width: 100%;
   margin-left: 13%;
 }
-@media (max-width: 810px) {
+@media (max-width: 1099px) {
   .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
@@ -2179,8 +2184,8 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
-    margin-left: 9%;
-    margin-right: 9%;
+    width: auto;
+    margin-right: 15%;
   }
 }
 @media screen and (min-width: 1100px) {
@@ -2193,7 +2198,7 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
     width: auto;
-    margin-left: 0;
+    margin-left: 5%;
     margin-right: 15%;
     grid-column: 2/3;
     align-self: start; /* S'assurer qu'il commence en haut */
@@ -2210,6 +2215,19 @@ a {
     margin: 0;
   }
 }
+@media (max-width: 810px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s-,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
+    margin-left: 9%;
+    margin-right: 9%;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 {
   width: 100%;
   font-family: "Source Code Pro";
@@ -2225,31 +2243,20 @@ a {
 }
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
   margin-top: 2rem;
-  margin-left: 13%;
   color: rgb(0, 158, 227);
   text-transform: uppercase;
   font-weight: 800;
 }
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-  margin-left: 13%;
   font-size: 2rem;
   font-weight: 600;
 }
-.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
-  margin-left: 13%;
-}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre .field--name-field-edition p {
   margin-bottom: 0;
 }
-.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition {
-  margin-left: 13%;
-}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
   margin-bottom: 0;
 }
-.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
-  margin-left: 13%;
-}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- {
   font-size: 1.5rem;
   font-weight: 800;
@@ -2257,12 +2264,6 @@ a {
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
   margin: 0;
 }
-.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
-  margin-left: 13%;
-}
-.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
-  margin-left: 13%;
-}
 .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: 2rem;
@@ -2359,6 +2360,7 @@ a {
   .page-node-type-ressource .layout__region--second {
     flex: 0 1 80%;
     margin: auto;
+    margin-top: 2rem;
   }
 }
 .page-node-type-ressource .layout__region--third {
diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss
index a48b930..157c9a2 100644
--- a/web/themes/custom/eql/scss/pages/_ressource.scss
+++ b/web/themes/custom/eql/scss/pages/_ressource.scss
@@ -22,15 +22,20 @@
                 // }
                 .block-entity-fieldnodefield-images{
                     width: fit-content;
-                    margin: auto;
+                    // margin: auto;
                     padding-right: 2rem;
+                    padding-left: 30%;
                     @media screen and (min-width:1100px) {
                         // grid-column: 2/span 4;
                         // grid-row: 1 /span 5;
+                        
                         grid-column: 1 / 2;
                         grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
                         align-self: start; /* S'assurer qu'il commence en haut */
                     }
+                    @media (max-width: 1100px) {
+                        padding-left: 13%;
+                    }
                     
                 }
                 .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, 
@@ -43,13 +48,13 @@
                 .block-entity-fieldnodefield-mots-clefs {
                     width: 100%;
                     margin-left: 13%;
-                    @media (max-width: 810px) {
-                        margin-left: 9%;
-                        margin-right: 9%;
+                    @media (max-width: 1099px) {
+                        width: auto;
+                        margin-right: 15%;
                     }
                     @media screen and (min-width: 1100px) {
                         width: auto;
-                        margin-left: 0;
+                        margin-left: 5%;
                         margin-right: 15%;
                         grid-column: 2 / 3;
                         align-self: start; /* S'assurer qu'il commence en haut */
@@ -57,6 +62,10 @@
                         p{margin: 0;}
 
                     }
+                    @media (max-width: 810px) {
+                        margin-left: 9%;
+                        margin-right: 9%;
+                    }
                 }
             
                 .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
@@ -81,7 +90,7 @@
 
                 .block-entity-fieldnodefield-type-de-ressource{
                     margin-top: 2rem;
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     color: $blue-light;
                     text-transform: uppercase;
                     font-weight: 800;
@@ -98,7 +107,7 @@
 
                 }
                 .block-entity-fieldnodetitle{
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     font-size: 2rem;
                     font-weight: 600;
                     // @media (max-width: 810px){
@@ -114,7 +123,7 @@
                 }
 
                 .block-entity-fieldnodefield-sous-titre{
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     .field--name-field-edition{
                         p{
                             margin-bottom: 0;
@@ -132,7 +141,7 @@
                     // }
                 }
                 .block-entity-fieldnodefield-edition{
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     .field--name-field-edition{
                         p{
                             margin-bottom: 0;
@@ -151,7 +160,7 @@
 
                 }
                 .block-entity-fieldnodefield-auteur-s-{
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     .field--name-field-auteur-s-{
                         font-size: 1.5rem;
                         font-weight: 800;
@@ -172,7 +181,7 @@
                 }    
 
                 .block-entity-fieldnodefield-date-de-parution{
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     // @media (max-width: 810px){
                     //     margin-left:9%;
                     //     margin-right: 9%;
@@ -185,7 +194,7 @@
                     // }
                 }
                 .block-entity-fieldnodefield-mots-clefs{
-                    margin-left: 13%;
+                    // margin-left: 13%;
                     .field--name-field-mots-clefs{
                         display: inline-flex;
                         margin-top: 2rem;
@@ -301,6 +310,7 @@
             @media (max-width: 810px){
                 flex: 0 1 80%;
                 margin: auto;
+                margin-top: 2rem;
             }
         }