Image viewer
We now have the © button on the thumbnail that displays image metadata. See https://beta.genesys-pgr.org/a/a0ec5291-354b-426b-81f2-040171096e98 as example.
Image viewer
When user clicks on an image thumbnail, a full-screen overlay should open, displaying the image in its original size.
This "dialog" should have:
- Header bar showing
image.title
and an X button to close it - The original image (max width 100%)
- The image metadata (as in current dialog)
- ← and → to navigate to the previous or next image in the image gallery
Layout on md
devices:
Title |
---|
Image |
Metadata |
Layout on lg
devices:
Title | |
---|---|
Image | Metadata |
This viewer needs to load the gallery information if the image is in part of a gallery.
← and → are displayed when there is an image gallery. Keyboard events for left-arrow and right-arrow should trigger the same actions.