MTSR/mapserver
3
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases 1 Wiki Activity

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

Browse Source
This commit is contained in:
1F616EMO~nya 2024-07-05 19:52:39 +08:00 committed by GitHub
parent 3be317d09f
commit 02bb99f739
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/custom.css
View File

@ -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;

5
public/js/map/overlays/PoiOverlay.js
View File

@ -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>";