fix: mobile image step overflow and tap-to-zoom lightbox

[johnwesely]

Summary

• Keep landscape image (and document preview) steps inside the card on mobile by wrapping them in step-material-container and capping width at min(100%, 60vh × 16/9).
• Add a tap-to-zoom lightbox so the full-size image is readable on phones (scroll/pinch in the overlay).
• Intended as v5.0.1 after merge: tag v5.0.1 on 4.x (CHANGELOG updates from the release workflow).

https://app.clickup.com/t/868m8b61r

Test plan

• Open a landscape image step on a phone-width viewport and confirm it no longer overflows the card
• Tap “Tap to zoom”, confirm the full-size image opens, Next is hidden, and Close / Escape / backdrop dismisses
• On a real device, confirm drag pans and pinch zooms (desktop mobile preview may fake-follow the mouse)
• After merge, create a GitHub release named v5.0.1 targeting 4.x

Made with Cursor

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 43df6cd. Configure here.}

[cursor]

Backdrop click cannot close lightbox

Medium Severity

@click.self on .lms-image-lightbox never runs because .lms-image-lightbox__scroller is sized to 100% width and height and sits on top of the dialog, so taps hit the scroller instead of the lightbox. Close and Escape still work, but the advertised backdrop dismiss does not.

Additional Locations (1)

• resources/css/plugin.css#L223-L230

 

^{Reviewed by Cursor Bugbot for commit 43df6cd. Configure here.}