From 6f12caf7d625f0bfffd2b138897fd8c711a6b2f5 Mon Sep 17 00:00:00 2001
From: Radek Czajka <rczajka@rczajka.pl>
Date: Sat, 10 Jun 2023 20:46:13 +0200
Subject: [PATCH] map

---
 src/references/templates/references/map.html  | 23 +++++++++++++------
 .../templates/references/popup.html           |  2 +-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/references/templates/references/map.html b/src/references/templates/references/map.html
index e97ccbfb7..1aadfc4c2 100644
--- a/src/references/templates/references/map.html
+++ b/src/references/templates/references/map.html
@@ -14,13 +14,19 @@
   <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css">
   <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
   <style>
-    .leaflet-popup-content h2 {
-        margin-top: 0;
-        padding-top: 0;
-        border: 0;
-    }
-   .l-books {
+   .leaflet-popup-content h2 {
+       margin-top: 0;
+       padding-top: 0;
+       border: 0;
+   }
+   .l-popup-books {
+       display: flex;
+       flex-wrap: wrap;
        width: 100px;
+       gap: 5px;
+   }
+   .l-popup-books img {
+       display: block;
    }
   </style>
 {% endblock %}
@@ -45,7 +51,10 @@
        $.get(
            '/pinezki/popup/' + m.target.options.mid,
            function(data) {
-               let p = L.popup({minWidth: 106}).setLatLng(m.latlng).setContent(data);
+               d = $(data);
+               n = Math.min(3, ($('a', d).length));
+               w = 111 * n - 5;
+               let p = L.popup({minWidth: w}).setLatLng(m.latlng).setContent(data);
                map.openPopup(p);
            }
        );
diff --git a/src/references/templates/references/popup.html b/src/references/templates/references/popup.html
index 506cb3292..170827370 100644
--- a/src/references/templates/references/popup.html
+++ b/src/references/templates/references/popup.html
@@ -1,7 +1,7 @@
 {% load thumbnail %}
 <h2 class="header">{{ entity.label }}</h2>
 
-<div class="l-book_list">
+<div class="l-popup-books">
 {% for ref in entity.reference_set.all %}
   <a href='/katalog/lektura/{{ ref.book.slug }}.html#{{ ref.first_section }}' target="_blank">
     {% thumbnail ref.book.cover_clean '150x150' as th %}
-- 
2.20.1