slick calendrier mobile

This commit is contained in:
2024-09-26 14:30:53 +02:00
parent cbfd54cd9b
commit 4b0d27fb10
4 changed files with 62 additions and 131 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1155,7 +1155,18 @@ footer {
padding-top: 2rem;
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track {
height: 350px;
height: fit-content;
border-bottom: solid black 1px;
margin-bottom: 1rem;
}
@media (max-width: 500px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track {
flex-direction: column;
height: fit-content;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track.__paragraphs ::before {
content: ".";
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement {
display: flex;
@@ -1163,13 +1174,24 @@ footer {
align-items: center;
padding-right: 1rem;
padding-bottom: 1rem;
border-bottom: solid black 1px;
}
@media (max-width: 500px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement {
flex-direction: column;
align-items: baseline;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement:before {
content: ".";
font-size: 4rem;
position: absolute;
top: 216px;
top: 50%;
transform: translateY(-50%); /* Centrer parfaitement verticalement */
}
@media (max-width: 550px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement:before {
display: none;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
width: fit-content !important;
@@ -1177,6 +1199,11 @@ footer {
flex-direction: column;
padding-right: 1rem;
}
@media (max-width: 500px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
padding-right: 0rem;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date .field_field_date_de_jour {
font-size: 2.5rem;
line-height: 0.3rem;