===Problem
Wikipedia articles use images which are of varying dimensions. Many of these images are stored on commons along with their meta information such as author, caption, tags, etc.
Wikipedia preview gallery does show these images along with their caption and attribution information. Our current design does a good job of presenting this information, however, it fails to accommodate cases where an image has multiline caption or attribution information. Therefore, this ticket is aimed to address long multiline captions along with attribution.
Here is the [[ https://drive.google.com/file/d/1IRvk8FuCzVeKZ3e_9x4FcxIJZv0TM0-_/view?usp=sharing | video ]] of the problem.
===Design Request
Provide the updated mockups to present the images caption and attribution in best possible way.
===Design Details
- Footer contains attribution related information & image view area remains above it.
- If a caption is less than 4 lines long then show the entire caption. If a caption is longer
than 4 lines then present it in 3 lines ending with ellipses and show the rounded rectangle
which can be tapped to read the remaining part of it.
- At max, overlay the caption till the middle point of the screen and enable a scroll if
there is still more caption to show.
|{F32410096 width=200}| {F32410099 width=200}| {F32410098 width=200}| {F32410097 width=200}|
|{F32410094 width=200}| {F32410153 width=200}| {F32410092 width=200}|{F32410093 width=200}|
====Gesture Details
- Allow tap to expand the caption when a rounded rectangle appears.
- Allow tap to bring back the caption to its default when it's expanded.
- Allow scrolling when there is more caption to show and overlay has reached its maximum height.
- Disable back/forward buttons when the caption is expanded.
====Zeplin
https://app.zeplin.io/project/5edf645eef92dfb2dc2f8ce8/dashboard?seid=5f9036a60352528a200de2d6