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 video of the problem.
Provide the updated mockups to present the images caption and attribution in best possible way.
- 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.
- 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.