m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add map-to-card flash highlight on marker click

Browse Source
This commit is contained in:
Mischa
2026-06-20 12:47:51 +02:00
parent 9365f46440
commit a398bcb737
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/templates/trip.html.twig
+6 -1
View File
@@ -321,7 +321,12 @@ tripMap.on('load', function () {
el.addEventListener('mouseleave', function () { popup.remove(); }); el.addEventListener('mouseleave', function () { popup.remove(); });
el.addEventListener('click', function () { el.addEventListener('click', function () {
var card = document.getElementById('entry-' + entry.slug); var card = document.getElementById('entry-' + entry.slug);
if (card) card.scrollIntoView({ behavior: 'smooth', block: 'center' }); if (!card) return;
card.scrollIntoView({ behavior: 'smooth', block: 'center' });
setTimeout(function () {
card.classList.add('is-highlighted');
setTimeout(function () { card.classList.remove('is-highlighted'); }, 700);
}, 350);
}); });
new maplibregl.Marker({ element: el }).setLngLat(lngLat).addTo(tripMap); new maplibregl.Marker({ element: el }).setLngLat(lngLat).addTo(tripMap);