Migrated from: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/716
Narrative
As a user, I can better interact with images on tablets, so that I can pinch/zoom in (or scroll down) on the image itself (instead of moving the info panel, which cuts off the image and doesn't match the user intent).
This issue has been reported by a number of users, especially on iPad -- but also on touch-screen versions of Windows. We also logged dozens of complaints about the image being cut-off, which may be related to this problem.
Acceptance Criteria
- When I pinch/zoom on the image, keep the info bar at the bottom of the image, not on top of the image
- To do that, we could try to detect pinch/zoom events and have them apply to the image, rather than the metadata panel
- When I scroll down on the image, make the image scroll instead of the info panel go up
- This type of scrolling could be done with a 'static scroll' implementation (see below)
- (optional, may be a separate ticket) If easy to do, support left/right swipes to match them to the next/previous button
To see alternatives to our current scrolling method, check out the comments in T77601: Support scrolling down to access metadata in Media Viewer and try this quick override of common.css by logging in as Uxtester/123 at http://en.wikipedia.beta.wmflabs.org/wiki/Lightbox_demo .
Related Bugs
Related Stories
Related Changesets
Example screenshot:
As you can see, when I pinch-zoom the photo on a phone, the bottom bar enlarges itself, which is never useful. I always want to zoom the photo, not the information bar.
The screenshot image incorporates Idrissa Ouedraogo , Cines del Sur 2007 (cropped).jpg, from the English Wikipedia article Idrissa Ouédraogo.