Nicer references.

[wolnelektury.git] / src / references / templates / references / map.html

diff --git a/src/references/templates/references/map.html b/src/references/templates/references/map.html
index e97ccbf..242d92f 100644 (file)
--- a/src/references/templates/references/map.html
+++ b/src/references/templates/references/map.html
@@ -14,27 +14,43 @@
   <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 {
-       width: 100px;
+   .leaflet-popup-content h2 {
+       margin-top: 0;
+       padding-top: 0;
+       border: 0;
+   }
+   .l-popup-books {
+       display: flex;
+       flex-wrap: wrap;
+       gap: 5px;
+       max-height: 350px;
+       overflow-y: scroll;
+   }
+   .l-popup-books img {
+       display: block;
+   }
+   .l-popup-books .c-search-result-fragment {
+       padding: 0 0 20px 0;
+       border-width: 0;
+       border-radius: 0;
+   }
+   .l-popup-book-header {
+       display: flex;
+       gap: 16px;
    }
   </style>
 {% endblock %}
 
 {% block global-content %}
 
-  <div id="map" style="height: calc(100vh - 68px"></div>
+  <div id="map" style="height: calc(100vh - 68px)"></div>
 
 {% endblock %}
 
 
 {% block extrabody %}
   <script>
-   var map = L.map('map').setView([51.505, -0.09], 8);
+   var map = L.map('map').setView([52, 20], 7);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
@@ -45,7 +61,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);
            }
        );