bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

vm css deroulement

This commit is contained in:
ouidade 2024-07-12 20:28:22 +02:00
parent 2bd90ffdac
commit 4c1ac30bdf
4 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

7
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -1146,6 +1146,8 @@ footer {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement {
padding-left: 0rem;
width: 240px;
align-items: end;
height: 200px;
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date {
@ -1225,6 +1227,11 @@ footer {
line-height: 1.1;
min-width: 65%;
}
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
height: 200px;
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.6rem;
font-weight: 800;

6
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -315,9 +315,9 @@
const offsetmobile = currentSlide * -130 / visibleSlides;
if (window.innerWidth <= 600){
document.querySelector('.__timeline-content').style.transform = `translateX(${offsetmobile}%)`;
} else {
document.querySelector('.__timeline-content').style.transform = `translateX(${offset}%)`;
}
} else {
document.querySelector('.__timeline-content').style.transform = `translateX(${offset}%)`;
}
// Enable/disable arrows based on the current slide

7
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@ -107,7 +107,9 @@
padding-right: 2rem;
@media(max-width:550px){
padding-left: 0rem;
width:240px;
width: 240px;
align-items: end;
height: 200px;
}
.date{
width: fit-content;
@ -190,6 +192,9 @@
line-height: 1.1;
// width: fit-content;
min-width: 65%;
@media(max-width:1090px){
height: 200px;
}
.field_field_titre{
font-size: 0.6rem;
font-weight: 800;