[Lightbox media viewer] Allow for isolated image view on mobile

[kirbyevans]

The problem

We suspect that a user will need to view an image larger than how it is currently displayed within the lightbox media viewer on mobile (sm breakpoint).

The solution

We think by providing functionality to allow a user to isolate and zoom in on an image within the Lightbox media viewer that this new functionality could accomplish the user's desire to view an image larger.

Additional information

Design specs for the proposed solution can be found here:

PDF
Sketch file

Preview of specs for isolated image within the Lightbox media viewer

[shixiedesign]

To be turned into Epic: design spec done. Need func spec, dev issue, QA issues. We need 1 website issue for all the lightbox changes coming from AEM (6328, 6329, 6314)

[ljcarot]

@shixiedesign Do you think we can get some testing of this feature request before building it out. I'm concerned that we are building a heavy duty lightbox viewer before MVP of the new product page has even launched. If I'm on mobile, I should be able to pinch the image on the page even if I can't pinch the image in the lightbox. It feels like an extreme edge case to build for so early in our creation of the pp in Carbon.

[shixiedesign]

@ljcarot Yes I agree. I'm thinking we icebox this issue until the other 2 Lightbox enhancements are merged first? Meanwhile we can build out an inVision test to verify the UX.

[RobertaJHahn]

Icebox'd this epic and all linked issues based on comments above.