/* * Place map -- the design's Places view. * * Source of every value here: docs/design/README.md section 5 ("Places (map)"). Where a value is * a palette colour it is written as a --nfv-* token and NOT as a hex, because inc/chrome.php's * :root block is the only place this project states a colour (NFV-071). Two literals survive on * purpose and are marked below: a drop shadow and a tile filter, neither of which is a palette * entry. * * WHAT THIS FILE IS *NOT* * ----------------------- * The design's section 5 is a standalone Places route with its own eyebrow and H2 ("Where the * Nelsons lived"). This shortcode is not that route -- it renders inside a family-group page, * between that page's intro paragraph and its own first

(measured on pages 13487 and 13584, * 2026-08-19). So the header, the eyebrow and the "Places / Migration over time" toggle are * deliberately absent: printing "Where the Nelsons lived" above a map embedded on "The Nelson * Family of Owen Township" page would assert a heading that is not that page's subject. * * The migration slider that section 5 also describes is NOT built. It needs a year and a caption * sentence per stop, and no such field exists on a Place record -- see docs/DECISIONS.md NFV-076. * That is why --nfv-pill-faded still has no consumer; it is the migration pill's colour and it is * waiting for data, not for code. * * LOADING * ------- * Enqueued from the shortcode (inc/place-map.php), so it only reaches the two pages that carry a * map. It depends on the 'leaflet' style handle because every .leaflet-* rule below is an * override and must come after Leaflet's own sheet. It does NOT travel to webtrees: the chrome * export renders only the header and footer template parts, so this shortcode never runs there * and this handle is never in that queue (verified anonymously on /tree/ after release). */ /* * The wrapper exists ONLY to be a query container. The layout below has to respond to the width * of the COLUMN this shortcode was dropped into, not to the width of the window -- measured on * staging 2026-08-19, a 1440px window gives this block a 645px column, because Twenty * Twenty-Five's default content width is narrow and the map sits in the normal content flow. A * viewport media query cannot tell those two apart, so it would have shipped a 413px map inside a * 1440px window. An element cannot query itself, hence the extra div. */ .nfv-place-map-wrap { container-type: inline-size; } .nfv-place-map-frame { display: flex; align-items: stretch; height: 620px; border: 1px solid var(--nfv-line); border-radius: 4px; overflow: hidden; background: var(--nfv-surface); font-family: var(--nfv-font-ui); } /* --- the place list ------------------------------------------------------------------------- */ .nfv-place-map-list { flex: 0 0 230px; width: 230px; background: var(--nfv-surface); border-right: 1px solid var(--nfv-line); padding: 22px 20px; overflow-y: auto; } .nfv-place-map-list ol { list-style: none; margin: 0; padding: 0; } .nfv-place-map-list li + li { margin-top: 2px; } /* * A real to the Place record, upgraded by place-map.js into a fly-to control. With scripting * off the link still works, which is why this is an anchor and not a