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 { #sites-map-container circle.circle {
fill: black !important;
&:hover{
fill: #f7002b!important; fill: #f7002b!important;
} }
}
#sites-map-container circle.circle:hover{
fill: #f7002b!important;
}
/* Styles du popup (caché par défaut) */ /* Styles du popup (caché par défaut) */
#sites-map-container #popup { #sites-map-container #popup {
font-family: 'gilroy-semibold'; 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) // 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 // 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 // Vérifier si le popup dépasse à droite de l'écran
if (popupX + popupWidth > viewportWidth) { // if (popupX + popupWidth > viewportWidth) {
popupX = viewportWidth - popupWidth - 10; // Ajustement à droite pour éviter de dépasser // popupX = viewportWidth - popupWidth - 10; // Ajustement à droite pour éviter de dépasser
} // }
// Vérifier si le popup dépasse à gauche de l'écran // Vérifier si le popup dépasse à gauche de l'écran
if (popupX < 0) { // if (popupX < 0) {
popupX = 10; // Ajustement à gauche pour ne pas dépasser // popupX = 10; // Ajustement à gauche pour ne pas dépasser
} // }
// Empêcher le popup de dépasser en haut ou en bas // 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 // Vérifier si le popup dépasse en bas de l'écran
if (popupY + popupHeight > viewportHeight) { // if (popupY + popupHeight > viewportHeight) {
popupY = viewportHeight - popupHeight - 10; // Ajustement en bas // popupY = viewportHeight - popupHeight - 10; // Ajustement en bas
} // }
// Vérifier si le popup dépasse en haut // Vérifier si le popup dépasse en haut
if (popupY < 0) { // if (popupY < 0) {
popupY = 10; // Ajustement en haut pour ne pas dépasser // popupY = 10; // Ajustement en haut pour ne pas dépasser
} // }
// Appliquer les positions calculées au popup // Appliquer les positions calculées au popup
popup.style.left = `${popupX}px`; 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 { #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; fill: #f7002b !important;
} }