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

carte fixe

This commit is contained in:
ouidade 2024-10-15 16:29:51 +02:00
parent df628691bc
commit f60cb1b088
5 changed files with 44 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

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

@ -209,6 +209,10 @@ h2 {
} }
} }
.layout--threecol-25-50-25 {
width: 100vw;
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul { ul {
list-style-type: none; list-style-type: none;
@ -2839,15 +2843,17 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
width: 100%;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container { .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div { .node-type-site .layout--threecol-25-50-25 .layout__region--first div {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
position: fixed;
width: auto;
left: 1.3rem;
}
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) { .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
margin-top: 1rem; margin-top: 1rem;

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

@ -444,6 +444,26 @@
}); });
///////////// carte sticky node site ///////////////////
// window.addEventListener('scroll', function() {
// const mapContainer = document.getElementById('sites-map-container');
// const header = document.querySelector('header'); // Sélectionnez votre header
// const headerHeight = header.offsetHeight; // Calculer la hauteur du header
// const scrollPosition = window.scrollY; // Obtenir la position actuelle du scroll
// console.log('Hauteur dynamique du header:', headerHeight);
// if (scrollPosition >= headerHeight - 350 ) {
// mapContainer.classList.add('fixed');
// mapContainer.style.position = 'fixed';
// mapContainer.style.top = headerHeight + 350 ; // Fixé en haut une fois passé le header
// } else {
// mapContainer.classList.remove('fixed');
// mapContainer.style.position = 'static'; // Retour à la position initiale
// }
// });
})(jQuery, window); })(jQuery, window);

3
web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
View File

@ -51,3 +51,6 @@ $width-menu-slidedown : 550px;
} }
} }
.layout--threecol-25-50-25{
width: 100vw;
}

12
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@ -18,8 +18,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.block-region-first{ .block-region-first{
width: 100%;
.views-element-container{ .views-element-container{
margin-bottom: 3rem; margin-bottom: 3rem;
} }
@ -27,6 +28,15 @@
div{ div{
// width: fit-content; // width: fit-content;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
// #sites-map-container.fixed{
// width: auto;
// left: 1.3rem;
// }
#sites-map-container{
position: fixed;
width: auto;
left: 1.3rem;
}
} }
div:has(.field_field_documents){ div:has(.field_field_documents){
@media(max-width: 500px){ @media(max-width: 500px){