position popup
This commit is contained in:
parent
fb72032d08
commit
6229ea3e4f
|
@ -19,7 +19,16 @@
|
|||
}
|
||||
|
||||
#sites-map-container circle.circle {
|
||||
fill: #f7002b!important;
|
||||
fill: black !important;
|
||||
&:hover{
|
||||
fill: #f7002b!important;
|
||||
}
|
||||
|
||||
}
|
||||
#sites-map-container circle.circle:hover{
|
||||
fill: #f7002b!important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Styles du popup (caché par défaut) */
|
||||
|
|
|
@ -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`;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue