View images in markdown table within a lightbox with pagination
Context
This is the second step in improving how we view images within GitLab:
- View images in lightbox #377398
- View images in a markdown table with pagination (this issue)
- View gallery of images in markdown table #255621
- View gallery in design management #255621
Problem
It's common to post markdown tables like with images. However, when I want to view a close up of the image, it opens in a tab and I lose the title of the column:
Proposal
View markdown tables in a lightbox like so:
- Title is title of the column
- User can page through images (reuse design management UI)
- User can download image (reuse design management UI)
Handling different sorts of tables
Table 1:
Col 1 | Col 2 |
---|---|
![]() |
![]() |
Table 2:
Col 1 | Col 2 |
---|---|
![]() |
![]() |
![]() |
![]() |
- Page left to right
- When furthest to right, move down a row:
Table 3:
Image | Desc |
---|---|
![]() |
Desc |
![]() |
Desc |
Edited by Katie Macoy