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

deroulement new css vm

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-18 12:43:38 +02:00
parent ce0b9b07b0
commit 3431807f04
4 changed files with 14 additions and 11 deletions
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

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

@@ -1089,8 +1089,8 @@ footer {
}
@media (max-width: 1090px) {
#home .timeline {
padding-top: 14rem;
overflow: scroll;
height: 600px;
}
}
#home .timeline .__timeline-arrows {
@@ -1101,7 +1101,7 @@ footer {
}
@media (max-width: 1090px) {
#home .timeline .__timeline-arrows {
top: -211px;
margin-bottom: 9rem;
}
}
#home .timeline .__timeline-arrows button {
@@ -1253,6 +1253,7 @@ footer {
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
height: 200px;
min-width: 80%;
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {

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

@@ -313,8 +313,8 @@
currentSlide = Math.max(0, Math.min(index, maxSlide));
// Calculate the offset for the transform
const offset = currentSlide * -70 / visibleSlides;
const offsetmobile = currentSlide * -100 / visibleSlides;
const offset = currentSlide * -50 / visibleSlides;
const offsetmobile = currentSlide * -10 / visibleSlides;
if (window.innerWidth <= 600){
document.querySelector('.__timeline-content').style.transform = `translateX(${offsetmobile}%)`;
} else {

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

@@ -32,8 +32,9 @@
padding-bottom: 8rem;
height: 950px;
@media(max-width:1090px){
padding-top: 14rem;
// padding-top: 14rem;
overflow: scroll;
height: 600px;
}
.__timeline-arrows{
width: fit-content;
@@ -41,8 +42,9 @@
margin-top: 0;
padding-bottom: 2rem;
@media(max-width:1090px){
top: -211px;
// top: -211px;
// display: none;
margin-bottom: 9rem;
}
button{
background-color: transparent;
@@ -51,10 +53,9 @@
opacity: 0.5;
}
@media(max-width:1090px){
svg{
padding: 0.5rem;
}
svg{
padding: 0.5rem;
}
}
}
}
@@ -209,6 +210,7 @@
min-width: 35%;
@media(max-width:1090px){
height: 200px;
min-width: 80%;
}
.field_field_titre{
font-size: 0.6rem;