From af40263bbf13acc205972688f7b45aa7086aa030 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 20 Sep 2024 15:27:43 +0200
Subject: [PATCH] css timeline reset

---
 .../quartiers_de_demain/dist/assets/css/bundle.css | 11 ++++-------
 .../src/assets/scss/partials/timeline.scss         | 14 ++++----------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index ce9cd85..2bf914f 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -1141,7 +1141,6 @@ footer {
   width: fit-content;
   margin: auto;
   margin-top: 0;
-  margin-bottom: 8rem;
   padding-bottom: 2rem;
 }
 @media (max-width: 1090px) {
@@ -1149,9 +1148,6 @@ footer {
     margin-bottom: 9rem;
   }
 }
-#home .timeline .__timeline-arrows #arrowPrev {
-  padding-inline: 0;
-}
 #home .timeline .__timeline-arrows button {
   background-color: transparent;
   border: none;
@@ -1207,7 +1203,7 @@ footer {
   left: -18px;
   top: -16px;
   transform: translateY(-100%);
-  width: 400px;
+  width: 600px;
   height: 300px;
   font-size: 1rem;
   white-space: normal;
@@ -1296,7 +1292,8 @@ footer {
   border-radius: 5%;
   padding: 0.6rem 0.6rem;
   line-height: 1.1;
-  width: 35%;
+  width: fit-content;
+  min-width: 35%;
 }
 @media (max-width: 1090px) {
   #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
@@ -1306,7 +1303,7 @@ footer {
 }
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
   font-size: 0.6rem;
-  font-family: "gilroy-semibold";
+  font-weight: 800;
 }
 @media (max-width: 1090px) {
   #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
index 74ee210..cd3f29c 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
@@ -40,21 +40,16 @@
             width: fit-content;
             margin: auto;
             margin-top: 0;
-            margin-bottom: 8rem;
             padding-bottom: 2rem;
             @media(max-width:1090px){
                 // top: -211px;
                 // display: none;
                 margin-bottom: 9rem;
             }
-            #arrowPrev{
-                padding-inline: 0;
-            }
             button{
                 background-color: transparent;
                 border: none; 
                 padding-left: 1rem;
-                
                 &:hover{
                     opacity: 0.5;
                 } 
@@ -113,7 +108,7 @@
                     left: -18px;
                     top: -16px;
                     transform: translateY(-100%);
-                    width: 400px;
+                    width: 600px;
                     height: 300px;
                     font-size: 1rem;
                     white-space: normal;
@@ -212,16 +207,15 @@
                         border-radius: 5%;
                         padding: 0.6rem 0.6rem;
                         line-height: 1.1;
-                        width: 35%;
-                        // min-width: fit-content;
+                        width: fit-content;
+                        min-width: 35%;
                         @media(max-width:1090px){
                             height: 200px;
                             min-width: 80%;
                         }
                         .field_field_titre{
                             font-size: 0.6rem;
-                            font-family: 'gilroy-semibold';
-                            // font-weight: 800;
+                            font-weight: 800;
                             @media(max-width:1090px){
                                 font-size: 1rem;
                             }