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

position popup

This commit is contained in:
ouidade 2024-10-07 15:50:16 +02:00
parent fb72032d08
commit 6229ea3e4f
3 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,9 +19,18 @@
}
#sites-map-container circle.circle {
fill: black !important;
&:hover{
fill: #f7002b!important;
}
}
#sites-map-container circle.circle:hover{
fill: #f7002b!important;
}
/* Styles du popup (caché par défaut) */
#sites-map-container #popup {
font-family: 'gilroy-semibold';

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

@ -33,33 +33,33 @@ function showPopup(content, x, y, isLeftHalf) {
}
// Calculer la position Y (décalée légèrement en hauteur)
popupY = rect.top + y - 0; // Ajustement vertical avec un léger offset
popupY = rect.top + y - 400; // Ajustement vertical avec un léger offset
// Empêcher le popup de dépasser les bords gauche et droite de l'écran
const viewportWidth = window.innerWidth;
// const viewportWidth = window.innerWidth;
// Vérifier si le popup dépasse à droite de l'écran
if (popupX + popupWidth > viewportWidth) {
popupX = viewportWidth - popupWidth - 10; // Ajustement à droite pour éviter de dépasser
}
// if (popupX + popupWidth > viewportWidth) {
// popupX = viewportWidth - popupWidth - 10; // Ajustement à droite pour éviter de dépasser
// }
// Vérifier si le popup dépasse à gauche de l'écran
if (popupX < 0) {
popupX = 10; // Ajustement à gauche pour ne pas dépasser
}
// if (popupX < 0) {
// popupX = 10; // Ajustement à gauche pour ne pas dépasser
// }
// Empêcher le popup de dépasser en haut ou en bas
const viewportHeight = window.innerHeight;
// const viewportHeight = window.innerHeight;
// Vérifier si le popup dépasse en bas de l'écran
if (popupY + popupHeight > viewportHeight) {
popupY = viewportHeight - popupHeight - 10; // Ajustement en bas
}
// if (popupY + popupHeight > viewportHeight) {
// popupY = viewportHeight - popupHeight - 10; // Ajustement en bas
// }
// Vérifier si le popup dépasse en haut
if (popupY < 0) {
popupY = 10; // Ajustement en haut pour ne pas dépasser
}
// if (popupY < 0) {
// popupY = 10; // Ajustement en haut pour ne pas dépasser
// }
// Appliquer les positions calculées au popup
popup.style.left = `${popupX}px`;

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

@ -3078,6 +3078,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
#sites-map-container circle.circle {
fill: black !important;
}
#sites-map-container circle.circle:hover {
fill: #f7002b !important;
}
#sites-map-container circle.circle:hover {
fill: #f7002b !important;
}