timeline css

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -902,8 +902,8 @@ footer {
 .slick-next.slick-disabled:before {
   opacity: 0.25;
 }
-.slick-prev:before,
+.slick-prev:after,
-.slick-next:before {
+.slick-next:after {
   font-family: "slick";
   font-size: 20px;
   line-height: 1;
@@ -946,7 +946,7 @@ footer {
 }
 
 .slick-next {
-  right: 48%;
+  right: 45%;
 }
 @media (max-width: 810px) {
   .slick-next {
@@ -1292,6 +1292,7 @@ footer {
   min-width: 35%;
   height: 300px;
   margin-bottom: 1rem;
+  hyphens: auto;
 }
 @media (max-width: 1090px) {
   #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .text {
@@ -2172,6 +2173,11 @@ body {
     padding-left: 0rem;
   }
 }
+@media (min-width: 1090px) {
+  #home article.node-type-static #paragraph-id--7 {
+    padding-left: 4rem;
+  }
+}
 #home article.node-type-static #paragraph-id--7 .field_field_title {
   width: 48%;
   text-transform: lowercase;
@@ -2280,6 +2286,11 @@ body {
     width: 270px;
   }
 }
+@media (min-width: 1090px) {
+  #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(1) {
+    width: 270px;
+  }
+}
 #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
   grid-row: 3;
   grid-column: inherit;
@@ -2302,6 +2313,11 @@ body {
     width: 270px;
   }
 }
+@media (min-width: 1090px) {
+  #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
+    width: 270px;
+  }
+}
 #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
   grid-row: 1/span 2;
   grid-column: 5/span 6;
@@ -2326,6 +2342,11 @@ body {
     width: 270px;
   }
 }
+@media (min-width: 1090px) {
+  #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
+    width: 270px;
+  }
+}
 #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(1) {
   grid-row: 3;
   grid-column: 1/span 2;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss

@@ -493,6 +493,9 @@
             @media(max-width: 1090px){
                 padding-left: 0rem;
             }
+            @media(min-width: 1090px){
+                padding-left: 4rem;
+            }
             .field_field_title{
                 width: 48%;
                 text-transform: lowercase;
@@ -583,6 +586,9 @@
                         @media(max-width: 1090px){
                             width: 270px;
                         }
+                        @media(min-width: 1090px){
+                            width: 270px;
+                        }
                         
                     }
                     svg:nth-of-type(2){
@@ -603,6 +609,9 @@
                         @media(max-width: 1090px){
                             width: 270px;
                         }
+                        @media(min-width: 1090px){
+                            width: 270px;
+                        }
                     }
                     svg:nth-of-type(3){
                         grid-row: 1 /span 2;
@@ -623,6 +632,9 @@
                         @media(max-width: 1090px){
                             width: 270px;
                         }
+                        @media(min-width: 1090px){
+                            width: 270px;
+                        }
             
                     }
                     p:nth-of-type(1){

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss

@@ -101,7 +101,7 @@ $slick-opacity-not-active: 0.25 !default;
     &.slick-disabled:before {
         opacity: $slick-opacity-not-active;
     }
-    &:before {
+    &:after {
         font-family: $slick-font-family;
         font-size: 20px;
         line-height: 1;
@@ -141,7 +141,7 @@ $slick-opacity-not-active: 0.25 !default;
 }
 
 .slick-next {
-    right: 48%;
+    right: 45%;
     @media(max-width:810px){
         right: 42%;
     }

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss

@@ -170,6 +170,7 @@
                                     min-width: 35%;
                                     height: 300px;
                                     margin-bottom: 1rem;
+                                    hyphens: auto;
                                     
                                     @media(max-width:1090px){
                                         height: 200px;