From 6229ea3e4fa9be8d86e6c4d69f8cdab9412a2c7b Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 7 Oct 2024 15:50:16 +0200
Subject: [PATCH] position popup

---
 .../assets/css/carte-interactive-qdd.scss     | 11 ++++++-
 .../assets/js/carte-interactive-qdd.js        | 30 +++++++++----------
 .../dist/assets/css/bundle.css                |  7 +++++
 3 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
index ac722cf..8152cf5 100644
--- a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
+++ b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss
@@ -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) */
diff --git a/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js b/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js
index 968481a..dc1e373 100644
--- a/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js
+++ b/web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js
@@ -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`;
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 2e99cca..371cd03 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -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;
 }