From cae46393e93a5f094ac17589424b4d5e0e5ed11d Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 11 Jul 2024 17:23:09 +0200
Subject: [PATCH] top svg

---
 .../dist/assets/css/bundle.css                | 17 ++++++-------
 .../src/assets/scss/pages/home.scss           | 24 -------------------
 .../scss/partials/actu-caroussel-home.scss    | 16 ++++++-------
 .../src/assets/scss/partials/timeline.scss    | 23 +-----------------
 4 files changed, 18 insertions(+), 62 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 e70a01b..b4f49ad 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
@@ -1217,6 +1217,7 @@ footer {
   border: solid rgb(7, 50, 194) 1px;
   border-radius: 5%;
   padding: 0.6rem 0.6rem;
+  line-height: 1.1;
   min-width: 65%;
 }
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
@@ -1262,7 +1263,7 @@ footer {
   width: 100vw;
 }
 #actus-caroussel .content-actus .views-row {
-  width: 650px !important;
+  width: 500px !important;
   padding: 1rem;
 }
 @media (max-width: 550px) {
@@ -1281,7 +1282,7 @@ footer {
   -khtml-border-radius: 9px; /* pour Safari et Chrome */
   -webkit-border-radius: 9px; /* pour Safari sur Mac */
   border-radius: 9px; /* CSS3 */
-  height: 350px;
+  height: 250px;
   margin-bottom: 0.6rem;
 }
 @media (max-width: 550px) {
@@ -1330,7 +1331,7 @@ footer {
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
   text-transform: uppercase;
   color: red;
-  font-size: 0.8rem;
+  font-size: 0.6rem;
   font-family: "gilroy-bold";
   display: inline-flex;
   align-items: center;
@@ -1344,7 +1345,7 @@ footer {
   color: red;
   display: inline-flex;
   align-items: center;
-  font-size: 0.8rem;
+  font-size: 0.6rem;
   font-family: "gilroy-bold";
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {
@@ -1352,15 +1353,15 @@ footer {
   padding-right: 0.3rem;
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_title {
-  padding-top: 0.5rem;
+  padding-top: 0.2rem;
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 {
   margin: 0;
   line-height: 0.4;
-  padding-bottom: 0.8rem;
+  padding-bottom: 0.6rem;
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a {
-  font-size: 1rem;
+  font-size: 0.8rem;
   color: rgb(7, 50, 194);
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
@@ -1369,7 +1370,7 @@ footer {
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p {
   margin: 0;
-  font-size: 0.9rem;
+  font-size: 0.7rem;
 }
 #actus-caroussel .content-actus .views-row:nth-child(odd) {
   position: relative;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index b5669c1..e2a8a59 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -3,19 +3,6 @@
    
     .config_pages--type--diaporama-home{
         position: relative;
-        // #svg1{
-        //     position: absolute;
-        //     z-index: 5;
-        //     right: 11rem;
-        //     bottom: -16rem;
-        //     width: 50%;
-        //     @media(max-width: 810px){
-        //         display:none;
-        //         // bottom: -4rem;
-        //         // right: 4rem;
-        //         // width: 72%;
-        //     }
-        // }
         .field_field_images{
             img{
                 width: 100%;
@@ -48,17 +35,6 @@
             flex-direction: row;
             flex-wrap: wrap ;
             position: relative;
-            // &::after{
-            //     content: url('../img/formes-animees-2.svg');
-            //     display: block;
-            //     position: absolute;
-            //     z-index: 5;
-            //     left: 1rem;
-            //     bottom: 0;
-            //     @media(max-width: 810px){
-            //         display: none;
-            //     }
-            // }
             @media(max-width: 1090px){
                 flex-direction: column;
             }
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
index 81fd1d7..005bc2d 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@@ -19,7 +19,7 @@
             width: 100vw;
         }
         .views-row{
-            width: 650px !important;
+            width: 500px !important;
             padding: 1rem;
             
             @media(max-width: 550px){
@@ -35,7 +35,7 @@
                     -khtml-border-radius: 9px; /* pour Safari et Chrome */
                     -webkit-border-radius: 9px; /* pour Safari sur Mac */
                     border-radius: 9px; /* CSS3 */
-                    height: 350px;
+                    height: 250px;
                     margin-bottom: 0.6rem;
                     @media(max-width: 550px){
                         height: 170px;
@@ -81,7 +81,7 @@
                 .field_field_type_d_actualite{
                     text-transform: uppercase;
                     color: red;
-                    font-size: 0.8rem;
+                    font-size: 0.6rem;
                     font-family: 'gilroy-bold';
                     display: inline-flex;
                     align-items: center;
@@ -95,7 +95,7 @@
                     color: red;
                     display: inline-flex;
                     align-items: center;
-                    font-size: 0.8rem;
+                    font-size: 0.6rem;
                     font-family: 'gilroy-bold';
 
                     &::before{
@@ -106,13 +106,13 @@
             
 
                 .field_title{
-                    padding-top: 0.5rem;
+                    padding-top: 0.2rem;
                     h2{
                         margin: 0;
                         line-height: 0.4;
-                        padding-bottom: 0.8rem;
+                        padding-bottom: 0.6rem;
                         a{
-                            font-size: 1rem;
+                            font-size: 0.8rem;
                             color: $blue_QDD;
                         }
                     } 
@@ -123,7 +123,7 @@
                     transform: none !important;
                     p{
                         margin: 0;
-                        font-size: 0.9rem ;
+                        font-size: 0.7rem ;
                     }
                 }
             }
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 85c489a..0813ba1 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
@@ -14,28 +14,6 @@
             cursor:grab;
         }
         position: relative;
-        // &::before{
-        //     content: url('../img/formes-animees-6.svg');
-        //     display: block;
-        //     position: absolute;
-        //     z-index: 5;
-        //     right: 20%;
-        //     top: 2rem;
-        //     @media(max-width: 810px){
-        //         display: none;
-        //     }
-        // }
-        // &::after{
-        //     content: url('../img/formes-animees-7.svg');
-        //     display: block;
-        //     position: absolute;
-        //     z-index: 5;
-        //     right: 26%;
-        //     bottom: -9rem;
-        //     @media(max-width: 810px){
-        //         display: none;
-        //     }
-        // }
     h2{
         width: fit-content;
         margin: auto;
@@ -206,6 +184,7 @@
                         border: solid $blue_QDD 1px;
                         border-radius: 5%;
                         padding: 0.6rem 0.6rem;
+                        line-height: 1.1;
                         // width: fit-content;
                         min-width: 65%;
                         .field_field_titre{