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

deroulement new css vm

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

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

@ -1089,8 +1089,8 @@ footer {
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home .timeline { #home .timeline {
padding-top: 14rem;
overflow: scroll; overflow: scroll;
height: 600px;
} }
} }
#home .timeline .__timeline-arrows { #home .timeline .__timeline-arrows {
@ -1101,7 +1101,7 @@ footer {
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home .timeline .__timeline-arrows { #home .timeline .__timeline-arrows {
top: -211px; margin-bottom: 9rem;
} }
} }
#home .timeline .__timeline-arrows button { #home .timeline .__timeline-arrows button {
@ -1253,6 +1253,7 @@ footer {
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text { #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
height: 200px; height: 200px;
min-width: 80%;
} }
} }
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre { #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)); currentSlide = Math.max(0, Math.min(index, maxSlide));
// Calculate the offset for the transform // Calculate the offset for the transform
const offset = currentSlide * -70 / visibleSlides; const offset = currentSlide * -50 / visibleSlides;
const offsetmobile = currentSlide * -100 / visibleSlides; const offsetmobile = currentSlide * -10 / visibleSlides;
if (window.innerWidth <= 600){ if (window.innerWidth <= 600){
document.querySelector('.__timeline-content').style.transform = `translateX(${offsetmobile}%)`; document.querySelector('.__timeline-content').style.transform = `translateX(${offsetmobile}%)`;
} else { } else {

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

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