jeff/umap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set an explicit width to popup large container

Browse source 
Until now, the width was computed on the fly by Leaflet, based
on the popup content, but this leads to a bunch of issue on
image/iframe width.

cf https://forum.openstreetmap.fr/t/bugs-divers-relevees-sur-une-umap-absent-sur-une-autre/17254/8
This commit is contained in:
Yohan Boniface 2023-09-25 18:30:58 +02:00
parent 7ca4f0e11c
commit a37c6005ce
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
umap/static/umap/map.css
View file

@ -1463,12 +1463,14 @@ a.add-datalayer:hover,
.leaflet-contextmenu-icon { .leaflet-contextmenu-icon {
display: none; display: none;
} }
.umap-popup-large img,
.umap-popup-large iframe { .umap-popup-large iframe {
/* See https://github.com/Leaflet/Leaflet/commit/61d746818b99d362108545c151a27f09d60960ee#commitcomment-6061847 */ /* See https://github.com/Leaflet/Leaflet/commit/61d746818b99d362108545c151a27f09d60960ee#commitcomment-6061847 */
max-width: 100% !important; max-width: 100% !important;
min-width: 500px; min-width: 500px;
} }
.umap-popup-large .umap-popup-content {
width: 500px;
}
.umap-popup-content img { .umap-popup-content img {
max-width: 100%; max-width: 100%;
} }
@ -1534,10 +1536,12 @@ a.add-datalayer:hover,
.umap-permanent-credits-container { .umap-permanent-credits-container {
max-width: 100%; max-width: 100%;
} }
.umap-popup-large img,
.umap-popup-large iframe { .umap-popup-large iframe {
min-width: 300px; min-width: 300px;
} }
.umap-popup-large .umap-popup-content {
width: 300px;
}
} }
/* ****** */ /* ****** */