map

diff --git a/src/references/templates/references/map.html b/src/references/templates/references/map.html
index e97ccbf..1aadfc4 100644 (file)
--- 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>
   <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;
        width: 100px;

+       gap: 5px;
+   }
+   .l-popup-books img {
+       display: block;

    }
   </style>
 {% endblock %}
    }
   </style>
 {% endblock %}


@@ -45,7 +51,10 @@
        $.get(
            '/pinezki/popup/' + m.target.options.mid,
            function(data) {
        $.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);
            }
        );
                map.openPopup(p);
            }
        );

diff --git a/src/references/templates/references/popup.html b/src/references/templates/references/popup.html
index 506cb32..1708273 100644 (file)
--- 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>
 
 {% 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 %}
 {% 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 %}