From d560189d484d1b7676098d7cbd1089c7768ef548 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Thu, 9 Mar 2023 11:51:20 +0100
Subject: [PATCH] added custom markes

---
 assets/sass/_theme/blocks/partners.sass       | 26 +++++++++++++++++--
 .../blocks/templates/partners/map.html        |  7 ++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/assets/sass/_theme/blocks/partners.sass b/assets/sass/_theme/blocks/partners.sass
index 765d72e5..531f9cdc 100644
--- a/assets/sass/_theme/blocks/partners.sass
+++ b/assets/sass/_theme/blocks/partners.sass
@@ -17,5 +17,27 @@
 
     .map
         height: 600px
-        .organization
-            display: none
\ No newline at end of file
+        z-index: 1
+        > .organization
+            display: none
+        .leaflet-popup
+            &-tip-container
+                display: none
+            &-content-wrapper
+                border-radius: 0
+                padding: 0
+                .media
+                    margin-bottom: 0
+                h3 a
+                    @include meta
+                    color: black
+                    padding: half($spacing0)
+            &-content
+                margin: 0
+                z-index: 2
+            &-close-button
+                z-index: 4
+    @include in-page-without-sidebar
+        .map
+            margin-left: -$grid-gutter
+            margin-right: -$grid-gutter
\ No newline at end of file
diff --git a/layouts/partials/blocks/templates/partners/map.html b/layouts/partials/blocks/templates/partners/map.html
index 4c743d79..f6160d6e 100644
--- a/layouts/partials/blocks/templates/partners/map.html
+++ b/layouts/partials/blocks/templates/partners/map.html
@@ -41,7 +41,7 @@
   
   const themeMarker = L.icon({
     iconUrl: '/assets/images/map-marker.svg',
-    iconSize: [26, 17],
+    iconSize: [17, 26],
   });
 
   L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
@@ -58,9 +58,10 @@
       
       function newMarker (setLocation) {
         var marker = new L.marker(setLocation, {
-          draggable: false
+          draggable: false,
+          icon: themeMarker
         });
-        marker.bindPopup(partner.innerHTML).openPopup();
+        marker.bindPopup('<article class="organization">' + partner.innerHTML + '</article>').openPopup();
         map.addLayer(marker);
       }
       newMarker(setLocation)
-- 
GitLab