@media actu

web/themes/custom/eql/css-compiled/styles.css

@@ -865,10 +865,6 @@ a {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
     display: grid;
     grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
-    @media (max-width: 810px) {
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
-        display: flex;
-        flex-direction: column; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 {
       grid-column: 1 / span 10;
       width: 100%;
@@ -887,22 +883,19 @@ a {
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
       padding-top: 2rem;
       grid-column: 2; }
-      @media (max-width: 810px) {
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
-          margin-left: 10%; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
       grid-column: 2 /span 7;
       margin: 0; }
+      @media (max-width: 568px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+          grid-column: 2 /span 8; } }
+      @media (max-width: 499px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+          grid-column: 2 /span 9; } }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
         font-family: "Source Code Pro";
         font-size: 2.5rem;
         font-weight: 500; }
-        @media (max-width: 810px) {
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-            width: 70%;
-            margin-left: 10%;
-            margin-right: 10%;
-            font-size: 1.9em; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
       grid-column: 2 / span 3;
       text-transform: uppercase;
@@ -915,10 +908,6 @@ a {
         justify-content: flex-start; }
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item {
           padding-right: 2 rem; }
-        @media (max-width: 810px) {
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date {
-            margin-left: 10%;
-            font-size: 1rem; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu {
       grid-column: 2 / span 4;
       text-transform: uppercase;
@@ -929,19 +918,24 @@ a {
         display: flex;
         flex-direction: row;
         justify-content: flex-start; }
-        @media (max-width: 810px) {
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu .field--name-field-lieu {
-            margin-left: 10%;
-            font-size: 1rem; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
       grid-column: 2 /span 7;
       margin-top: 1rem;
       font-weight: 800; }
-      @media (max-width: 810px) {
+      @media (max-width: 568px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
+          grid-column: 2 /span 8; } }
+      @media (max-width: 499px) {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
-          margin-left: 10%; } }
+          grid-column: 2 /span 9; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
       grid-column: 5 / span 9; }
+      @media (max-width: 568px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+          grid-column: 3 /span 9; } }
+      @media (max-width: 499px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+          grid-column: 2 /span 9; } }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
         padding-top: 2rem;
         width: 600px;

web/themes/custom/eql/scripts/main.js

@@ -175,7 +175,6 @@ jQuery(function($) {
           {
             breakpoint: 800,
             settings: {
-              // centerPadding: '0',
               adaptiveHeight: true
             }
           }]
@@ -184,6 +183,13 @@ jQuery(function($) {
       $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
         dots: true,
         arrows: false,
+        responsive: [
+          {
+            breakpoint: 800,
+            settings: {
+              adaptiveHeight: true
+            }
+          }]
       });
       console.log('salut slick actus');
       $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
@@ -192,6 +198,13 @@ jQuery(function($) {
         arrows: false,
         draggable: true,
         adaptiveHeight: true,
+        responsive: [
+          {
+            breakpoint: 800,
+            settings: {
+              adaptiveHeight: true
+            }
+          }]
       });
       console.log('salut slick projets');
   });

web/themes/custom/eql/scss/pages/_actualite.scss

@@ -23,10 +23,10 @@
                 display: grid;
                 grid-template-columns: 1fr repeat(8, 1fr) 1fr;
 
-                    @media (max-width: 810px){
-                    display: flex;
-                    flex-direction: column;
-                }
+                    // @media (max-width: 810px){
+                    // display: flex;
+                    // flex-direction: column;
+                    // }
                 .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
                     grid-column: 1 / span 10;
                     width: 100%;
@@ -48,24 +48,31 @@
                 .block-entity-fieldnodefield-actu-type{
                     padding-top: 2rem;
                     grid-column: 2;
-                    @media (max-width: 810px){
-                        margin-left: 10%;
-                    }
+                    // @media (max-width: 810px){
+                    //     margin-left: 10%;
+                    // }
                 }
             
                 .block-entity-fieldnodetitle{
                     grid-column: 2 /span 7;
                     margin: 0;
+                    @media (max-width: 568px){
+                        grid-column: 2 /span 8;
+                    }
+                    @media (max-width: 499px){
+                        grid-column: 2 /span 9;
+                    }
                     .field--name-title{
                         font-family: "Source Code Pro";
                         font-size: 2.5rem;
                         font-weight: 500;
-                        @media (max-width: 810px){
-                            width:  70%;
-                            margin-left: 10%;
-                            margin-right: 10%;
-                            font-size: 1.9em;
-                        }   
+                        // @media (max-width: 810px){
+                        //     width:  70%;
+                        //     margin-left: 10%;
+                        //     margin-right: 10%;
+                        //     font-size: 1.9em;
+                        // }   
+                       
                     }
                     
                     
@@ -91,10 +98,10 @@
                         .field__item{
                             padding-right: 2 rem;
                         }
-                        @media (max-width: 810px){
-                            margin-left: 10%;
-                            font-size: 1rem;
-                        }
+                        // @media (max-width: 810px){
+                        //     margin-left: 10%;
+                        //     font-size: 1rem;
+                        // }
                     }
                     
                 }
@@ -114,10 +121,10 @@
                         //     padding-left: 1rem;
                         //     content: "|";
                         // }
-                        @media (max-width: 810px){
-                            margin-left: 10%;
-                            font-size: 1rem;
-                        }
+                        // @media (max-width: 810px){
+                        //     margin-left: 10%;
+                        //     font-size: 1rem;
+                        // }
                     }
                 }
 
@@ -125,15 +132,27 @@
                     grid-column: 2 /span 7;
                     margin-top: 1rem;
                     font-weight: 800;
-                    @media (max-width: 810px){
-                        margin-left: 10%;
+                    @media (max-width: 568px){
+                        grid-column: 2 /span 8;
+                    }
+                    @media (max-width: 499px){
+                        grid-column: 2 /span 9;
                     }
+                    // @media (max-width: 810px){
+                    //     margin-left: 10%;
+                    // }
                 }
 
                 .block-entity-fieldnodefield-images{
                     // grid-column-start: 5;
                     // grid-column-end: 9;
                     grid-column: 5 / span 9;
+                    @media (max-width: 568px){
+                        grid-column: 3 /span 9;
+                    }
+                    @media (max-width: 499px){
+                        grid-column: 2 /span 9;
+                    }
                     img{
                         padding-top: 2rem;
                         width: 600px;