From 05ac125a77f37c0912a65ca4a2588212f26c5ec5 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 20 Sep 2024 21:25:34 +0200 Subject: [PATCH] css timeline reset --- .../quartiers_de_demain/dist/assets/css/bundle.css | 11 +++++++---- .../src/assets/scss/partials/timeline.scss | 11 +++++++---- 2 files changed, 14 insertions(+), 8 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 2bf914f..567eea3 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 @@ -1128,8 +1128,8 @@ footer { white-space: nowrap; overflow: hidden; padding-top: 2rem; - padding-bottom: 8rem; - height: 950px; + padding-bottom: 3rem; + height: 800px; } @media (max-width: 1090px) { #home .timeline { @@ -1141,6 +1141,7 @@ footer { width: fit-content; margin: auto; margin-top: 0; + margin-bottom: 4rem; padding-bottom: 2rem; } @media (max-width: 1090px) { @@ -1171,7 +1172,7 @@ footer { #home .timeline .__timeline-content .__paragraphs { position: relative; display: inline-flex; - width: 700px; + width: 600px; height: 1px; background: black; } @@ -1222,6 +1223,8 @@ footer { display: flex; flex-direction: column; margin: auto; + margin-left: 0; + margin-right: 0; align-items: flex-start; padding-right: 1rem; margin-bottom: 1rem; @@ -1292,7 +1295,7 @@ footer { border-radius: 5%; padding: 0.6rem 0.6rem; line-height: 1.1; - width: fit-content; + width: 30%; min-width: 35%; } @media (max-width: 1090px) { 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 cd3f29c..416e7d4 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 @@ -29,8 +29,8 @@ white-space: nowrap; overflow: hidden; padding-top: 2rem; - padding-bottom: 8rem; - height: 950px; + padding-bottom: 3rem; + height: 800px; @media(max-width:1090px){ // padding-top: 14rem; overflow: scroll; @@ -40,6 +40,7 @@ width: fit-content; margin: auto; margin-top: 0; + margin-bottom: 4rem; padding-bottom: 2rem; @media(max-width:1090px){ // top: -211px; @@ -71,7 +72,7 @@ .__paragraphs{ position: relative; display: inline-flex; - width: 700px; + width: 600px; height: 1px; background: black; // &:last-of-type{ @@ -128,6 +129,8 @@ display: flex; flex-direction: column; margin: auto; + margin-left: 0; + margin-right: 0; align-items: flex-start; padding-right: 1rem; margin-bottom: 1rem; @@ -207,7 +210,7 @@ border-radius: 5%; padding: 0.6rem 0.6rem; line-height: 1.1; - width: fit-content; + width: 30%; min-width: 35%; @media(max-width:1090px){ height: 200px;