Companies' map: tooltips beside the Zoom and Near me buttons #1013

Merged
tiagoagueda merged 1 commit from 915-map-tooltips-beside into main 2026-10-19 19:22:06 +00:00
Owner

Closes #915

The Zoom in, Zoom out and Near me tooltips on the companies' map now appear beside their button, on the side facing into the map, instead of over the neighbouring button.

  • placeTip gets two inline places, start and end: beside the anchor, centred on it, mirrored right to left, slid along the anchor's side to stay in the window.
  • A sentence or its anchor asks for a side with data-tooltip-place="start|end|below"; that place is tried first, then the existing order.
  • Bridge CSS for data-tooltip-side="start|end" keeps the tooltip hoverable (SC 1.4.13).
  • company_map.html asks for start on the three sentences.
  • Tests: tests/e2e/test_map.py (position, side and centring for each tip, right to left, crossing the gap), tests/test_company_map.py (markup). tests/e2e/test_help.py stays green; full unit suite green.

Library check: none needed, a small UI change.

Model use: written with Claude Code, reviewed by the person who opens this PR.

🤖 Generated with Claude Code

Closes #915 The Zoom in, Zoom out and Near me tooltips on the companies' map now appear beside their button, on the side facing into the map, instead of over the neighbouring button. - `placeTip` gets two inline places, `start` and `end`: beside the anchor, centred on it, mirrored right to left, slid along the anchor's side to stay in the window. - A sentence or its anchor asks for a side with `data-tooltip-place="start|end|below"`; that place is tried first, then the existing order. - Bridge CSS for `data-tooltip-side="start|end"` keeps the tooltip hoverable (SC 1.4.13). - `company_map.html` asks for `start` on the three sentences. - Tests: `tests/e2e/test_map.py` (position, side and centring for each tip, right to left, crossing the gap), `tests/test_company_map.py` (markup). `tests/e2e/test_help.py` stays green; full unit suite green. Library check: none needed, a small UI change. Model use: written with Claude Code, reviewed by the person who opens this PR. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Companies' map: tooltips beside their buttons, towards the map
All checks were successful
CI / Checks: lint, migrations, catalogues, settings, built files (push) Successful in 2m18s
CI / Database tests on PostgreSQL (push) Successful in 3m24s
CI / Unit tests and coverage (Python 3.14) (push) Successful in 12m31s
CI / Security audit (push) Successful in 45s
CI / Browser tests (Chromium) (push) Successful in 29m9s
Every Python / Unit tests (Python 3.12) (push) Successful in 12m3s
Every Python / Unit tests (Python 3.13) (push) Successful in 12m0s
CI / Unit tests and coverage (Python 3.14) (pull_request) Successful in 12m10s
CI / Checks: lint, migrations, catalogues, settings, built files (pull_request) Successful in 2m20s
CI / Database tests on PostgreSQL (pull_request) Successful in 3m28s
CI / Security audit (pull_request) Successful in 46s
CI / Browser tests (Chromium) (pull_request) Successful in 28m50s
5e2c112196
The Zoom in, Zoom out and Near me buttons are stacked, and the tooltip
script could only put a tooltip above or below its anchor, so each
tooltip landed over the neighbouring button.

placeTip learns two inline places, start and end: beside the anchor,
centred on it, mirrored in right-to-left pages, slid along the anchor's
side to stay inside the window. A sentence or its anchor asks for a side
with data-tooltip-place (start, end or below); that place is tried first
and the usual order follows when it has no room. The hover bridge gets an
inline variant (full height, 8px wide) so the tooltip stays hoverable
(SC 1.4.13). The three map sentences ask for start, the side facing into
the map as the buttons sit on the end side.

Tests: position, side and centring of each tip, right to left, the
bridge, and the markup.

Closes #915

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
Postulo/postulo!1013
No description provided.