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 b687168..96ce490 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 @@ -990,13 +990,10 @@ footer span.totop #toTop .arrow-up::before { #home .timeline .__timeline-content .__paragraphs:first-of-type { height: 0px; } -#home .timeline .__timeline-content .__paragraphs:last-child { - width: 20px; -} #home .timeline .__timeline-content .__paragraphs:not(:first-child) { margin-left: 14px; } -#home .timeline .__timeline-content .__paragraphs:not(:last-child)::after { +#home .timeline .__timeline-content .__paragraphs::after { content: ""; position: absolute; top: 50%; @@ -1027,18 +1024,27 @@ footer span.totop #toTop .arrow-up::before { } #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .moi-annee { display: inline-flex; - font-size: 0.8rem; + font-size: 0.6rem; } #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .moi-annee .field_field_date_de_moi { padding-right: 0.5rem; text-transform: uppercase; } +#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_jour { + font-size: 5rem; +} #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text { border: solid rgb(7, 50, 194) 1px; border-radius: 5%; padding: 0.6rem 0.6rem; width: 45%; } +#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre { + font-size: 0.6rem; +} +#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p { + font-size: 0.5rem !important; +} #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description .field--label-above { display: none; } 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 0d17828..ad5c8b0 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 @@ -39,13 +39,13 @@ &:first-of-type{ height: 0px; } - &:last-child { - width: 20px; - } + // &:last-child { + // width: 20px; + // } &:not(:first-child) { margin-left: 14px; } - &:not(:last-child)::after { + &::after { content: ""; position: absolute; top: 50%; @@ -72,15 +72,20 @@ padding-bottom: 1rem; .date{ width: 50%; + .moi-annee{ display: inline-flex; - font-size: 0.8rem; + font-size: 0.6rem; .field_field_date_de_moi{ padding-right: 0.5rem; text-transform: uppercase; } } + .field_field_date_de_jour{ + font-size: 5rem; + + } } @@ -89,11 +94,15 @@ border-radius: 5%; padding: 0.6rem 0.6rem; width: 45%; - - .field_field_description{ - .field--label-above{display: none;} - } - } + .field_field_titre{ + font-size: 0.6rem; + } + .field_field_description{ + p{font-size: 0.5rem !important;} + .field--label-above{display: none;} + } + + } } } } diff --git a/web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig b/web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig index e62792c..d31a78d 100644 --- a/web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig @@ -67,8 +67,8 @@
- {{ content.field_description}} {{ content.field_titre}} + {{ content.field_description}}
{% endblock %}