doxa-maps

History

Doxa Maps 65faa2d971 Keep the square panel together on a phone A media query adds no specificity. The mobile block's `.map-toolbar { gap: 6px }` is (0,1,0) exactly like `.map-toolbar--square { gap: 0 }`, and it comes later in the sheet, so it won: on every phone a square toolbar fell back to separate buttons inside one ringed panel. The shape broke precisely where the Driver is most likely to look at it. The --no-geocoder pair is (0,2,0) and outranked the variant whatever the order, so it needs the two-class answer. This is the same lesson as the goal cards' gap-vs-margin: a ported mechanism is only ported if it still WINS, and specificity is the part that decides whether it does. Found by following the phone thread rather than by looking at the variant again. check:square-map-controls now asserts the override is inside the mobile block, that the two-class form answers --no-geocoder, and -- as a control -- that the base rule really does come first, which is why the override is needed at all. Removing it turns the gate red. The CSS comment explaining it cost one more mistake: I wrote the selectors in backticks, inside the template literal that holds the stylesheet. A backtick ends the literal, which is the trap check:sfc-parse names in its own failure text, and it caught me with it.		2026-09-27 06:04:08 +00:00
..
FullscreenButton.vue	doxa-maps — portable bundler for embeddable JAMstack maps	2026-09-10 01:53:07 +00:00
GeocoderComponent.vue	Every runtime CDN script and stylesheet is an exact version with an integrity hash	2026-09-26 05:50:24 +00:00
HamburgerButton.vue	doxa-maps — portable bundler for embeddable JAMstack maps	2026-09-10 01:53:07 +00:00
HelpButton.vue	doxa-maps — portable bundler for embeddable JAMstack maps	2026-09-10 01:53:07 +00:00
index.js	doxa-maps — portable bundler for embeddable JAMstack maps	2026-09-10 01:53:07 +00:00
LocationButton.vue	doxa-maps — portable bundler for embeddable JAMstack maps	2026-09-10 01:53:07 +00:00
MapControlButton.vue	Square map controls, as an option beside the round ones	2026-09-27 06:04:07 +00:00
MapControlMenu.vue	Share, export, clusters and the pin hint stop being typed in English	2026-09-26 12:23:49 +00:00
MapToolbar.vue	Keep the square panel together on a phone	2026-09-27 06:04:08 +00:00
README.md	consolidate docs into documentation/ and deployment shells into deployment/	2026-09-21 23:23:23 +00:00
ShareButton.vue	Share, export, clusters and the pin hint stop being typed in English	2026-09-26 12:23:49 +00:00
ThemeToggleButton.vue	doxa-maps — portable bundler for embeddable JAMstack maps	2026-09-10 01:53:07 +00:00
ZoomInButton.vue	Session work: strobe fix, grid layout, stacked tree legend, selection camera, chip bounding, asset inheritance, gates	2026-09-20 04:49:25 +00:00
ZoomOutButton.vue	Session work: strobe fix, grid layout, stacked tree legend, selection camera, chip bounding, asset inheritance, gates	2026-09-20 04:49:25 +00:00

README.md

Each file is a single, focused button or input that mounts inside the map's control area. Replaces the older monolithic MapControlsComponent.vue.

  MapToolbar.vue  (container)
   ├─ ZoomInButton · ZoomOutButton · LocationButton
   ├─ FullscreenButton · HamburgerButton · ThemeToggleButton
   ├─ HelpButton · ShareButton
   └─ GeocoderComponent   (all built on MapControlButton.vue)

Every button takes a size prop (sm | md | lg) and follows the MapControlButton shape.
Click handlers go through inject('mapStore') or getMap() — never a captured Mapbox instance.
To add one: copy ZoomInButton.vue and register it in MapToolbar.vue.

Full conventions + catalog: ../../../documentation/architecture/components.md.

README.md

library/components/map-controls/ — toolbar buttons