From 55c74b64b315b2c982e90f73f2951ac9be30fdab Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 8 Oct 2024 21:50:00 +0200
Subject: [PATCH] ordiateur position popup

---
 .../q2d_mod/assets/css/carte-interactive-qdd.scss     | 11 +++++++++++
 .../quartiers_de_demain/dist/assets/css/bundle.css    |  9 +++++++++
 2 files changed, 20 insertions(+)

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 fa64bc8..a35fbdd 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
@@ -24,6 +24,7 @@
 }
 
 
+
 /* Changer la couleur au survol (hover) */
 #sites-map-container .site-link:hover{
   cursor: pointer;
@@ -45,6 +46,16 @@
 
 }
 
+/* Position du popup à droite lorsque l'écran est plus grand que 1090px */
+@media (min-width: 1090px) {
+  #sites-map-container #popup {
+    top: 50%; /* Centrer verticalement */
+    left: 80%; /* Placer le popup à droite de la carte */
+    transform: translateY(-50%); /* Ajuster pour centrer verticalement */
+    width: 300px;
+  }
+}
+
 
 #sites-map-container strong{
   color: #f7002b;
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 5686461..8c2671b 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
@@ -3120,6 +3120,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   }
 }
 
+/* Position du popup à droite lorsque l'écran est plus grand que 1090px */
+@media (min-width: 1090px) {
+  #sites-map-container #popup {
+    top: 50%; /* Centrer verticalement */
+    left: 80%; /* Placer le popup à droite de la carte */
+    transform: translateY(-50%); /* Ajuster pour centrer verticalement */
+    width: 300px;
+  }
+}
 #sites-map-container strong {
   color: #f7002b;
   font-family: "gilroy-semibold";