Details
-
Task
-
Resolution: Obsolete
-
Neutral
-
None
-
None
-
None
-
-
Empty show more show less
-
Empty show more show less
-
8
Description
As a user i want the thumbnails UI to behave nicely & look good on different zoom levels so browsing in thumbs view becomes a joy.
Note:
MGNLUI-4464 had us think about how to best dimension thumbnails.
The slider always generates unused space to the right side and doesn't display caption text nicely, so instead of the slider we provide 3 zoom levels.
With this move responsiveness also becomes a child's play.
Acceptance criteria:
- Replace slider with 3 zoom level buttons as in mock here (will be added shortly)
- Implement 3 zoom levels with certain amount of thumbs per row:
- 12 thumbnails per row (no caption)
- 12 * 86 + 12 = 1044
- 8 thumbnails per row (with caption, sfont size 12px)
- 8 * 129.5 + 8 = 1044
- 4 thumbnails per row (caption, font size 15px)
- 4 * 260 + 4 = 1044
- 12 thumbnails per row (no caption)
- Make sure image and caption display nicely for all 3 levels
Checklists
Attachments
Issue Links
- is cloned by
-
MGNLUI-4646 Resurface: Responsive thumbnails in thumbnail view
-
- Closed
-
- is related to
-
MGNLUI-4464 Adapt thumbnail layout implementation to new design requirements
-
- Closed
-
-
MGNLUI-4646 Resurface: Responsive thumbnails in thumbnail view
-
- Closed
-