Update the dashboard tour for mobile viewports.

[techanvil]

Feature Description

The dashboard tour will be updated to ensure that the tooltips aren’t shown off-screen for mobile and tablet viewports.

To accomplish this, when the target of a tour step is taller than the viewport, the scroll position for the step will be adjusted so the top of the step target element is visible, with enough space above it for the tooltip to be displayed pointing down at its target. Tooltips will be retargeted as needed to provide the best user experience.

For reference, see the dashboard tour section in the design doc, and the Figma design.

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The dashboard welcome tour should be updated to ensure that the tooltips aren’t shown off-screen for mobile and tablet viewports.
• When the target of a tour step is taller than the viewport, the scroll position for the step should be adjusted so the top of the step target element is visible, with enough space above it for the tooltip to be displayed pointing down at its target.

Implementation Brief

See the implementation guide in the design doc.

Test Coverage

QA Brief

Changelog entry

[techanvil]

AC ✅