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

map responsive fond popup @ media

This commit is contained in:
ouidade 2024-10-08 15:13:17 +02:00
parent 5f70faf3d4
commit 32221214bb
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
View File

@ -27,6 +27,7 @@
z-index: 1000; z-index: 1000;
text-align: left; text-align: left;
padding-left: 1rem; padding-left: 1rem;
pointer-events: none;
} }

4
web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js
View File

@ -29,12 +29,12 @@ function showPopup(content, x, y, isLeftHalf) {
if (isLeftHalf) { if (isLeftHalf) {
console.log('Le point est dans la moitié gauche'); console.log('Le point est dans la moitié gauche');
// Aligner le popup à gauche du cercle // Aligner le popup à gauche du cercle
popupX = rect.left + x + scrollX - popupWidth - 200; // Ajuster ici si nécessaire popupX = rect.left + x -scrollX - popupWidth - 800; // Ajuster ici si nécessaire
popupContent.style.textAlign = 'right'; // Alignement du texte à droite popupContent.style.textAlign = 'right'; // Alignement du texte à droite
} else { } else {
console.log('Le point est dans la moitié droite'); console.log('Le point est dans la moitié droite');
// Aligner le popup à droite du cercle // Aligner le popup à droite du cercle
popupX = rect.left + x + scrollX + 20; popupX = rect.left + x + scrollX - popupWidth - 20;
popupContent.style.textAlign = 'left'; // Alignement du texte à gauche popupContent.style.textAlign = 'left'; // Alignement du texte à gauche
} }

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

@ -3089,6 +3089,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
z-index: 1000; z-index: 1000;
text-align: left; text-align: left;
padding-left: 1rem; padding-left: 1rem;
pointer-events: none;
} }
#sites-map-container strong { #sites-map-container strong {