helios/heliosian
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle map popup: full-bleed photo, padded body, no close header

Browse Source
This commit is contained in:
Ian Gulliver
2026-08-16 13:29:56 -07:00
parent a7f1961c5f
commit 2574ced672
2 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/directory/app.js
+7 -4
View File
@@ -1734,13 +1734,15 @@ function renderMapPage() {
img.alt = '';
box.append(img);
}
box.append(el('div', 'map-popup-name', family.name));
const body = el('div', 'map-popup-body');
body.append(el('div', 'map-popup-name', family.name));
if (family.address) {
box.append(el('div', 'map-popup-sub', family.address));
body.append(el('div', 'map-popup-sub', family.address));
}
const link = el('a', 'map-popup-link', 'See family');
link.href = familyLink(family.key);
box.append(link);
body.append(link);
box.append(body);
return box;
}
@@ -1782,7 +1784,8 @@ function renderMapPage() {
streetViewControl: false,
fullscreenControl: false,
});
info = new google.maps.InfoWindow();
info = new google.maps.InfoWindow({headerDisabled: true});
map.addListener('click', () => info.close());
const bounds = new google.maps.LatLngBounds();
for (const family of Object.values(state.model.families)) {
if (family.lat || family.lng) {