Prevent POI image from vertically overflowing too much (#395)

minetest-mapserver · Jul 5, 2024 · 02bb99f · 02bb99f
1 parent 3be317d
commit 02bb99f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/public/css/custom.css b/public/css/custom.css
@@ -49,6 +49,12 @@ body {
   grid-area: info;
 }
 
+.poi_image_container {
+  width: 100%;
+  max-height: 75vh;
+  overflow-y: auto;
+}
+
 .poi_image {
   width: 100%;
   height: auto;

diff --git a/public/js/map/overlays/PoiOverlay.js b/public/js/map/overlays/PoiOverlay.js
@@ -30,8 +30,9 @@ export default AbstractIconOverlay.extend({
     }
 
     if (poi.attributes.image) {
-      innerHTML += "<img class=\"poi_image\" src=\"" + HtmlSanitizer.SanitizeHtml(poi.attributes.image) +
-        "\" crossorigin=\"anonymous\" referrerpolicy=\"origin-when-cross-origin\">";
+      innerHTML += "<div class=\"poi_image_container\">" +
+        "<img class=\"poi_image\" src=\"" + HtmlSanitizer.SanitizeHtml(poi.attributes.image) +
+        "\" crossorigin=\"anonymous\" referrerpolicy=\"origin-when-cross-origin\"></div>";
     }
 
     innerHTML += "<hr><b>Owner: </b> " + HtmlSanitizer.SanitizeHtml(poi.attributes.owner) + "<br>";