diff --git a/assets/sass/_theme/blocks/partners.sass b/assets/sass/_theme/blocks/partners.sass index 765d72e5c2f703b4ee6b169c01b2a7d3597010dd..531f9cdc410e781a9ad23ae511161331c0d2da4d 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 4c743d79631f8a920f0332ef6b198aa851644933..f6160d6ee811297408564023ced48307bcbc3cb6 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)