Skip to content

View images in markdown table within a lightbox with pagination

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Context

This is the second step in improving how we view images within GitLab:

  1. View images in lightbox #377398
  2. View images in a markdown table with pagination (this issue)
  3. View gallery of images in markdown table #255621 (closed)
  4. View gallery in design management #255621 (closed)

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:

Screen_Recording_2022-10-04_at_15.40.21

Proposal

View markdown tables in a lightbox like so:

Frame_48

  • 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
download download

Frame_49

Table 2:

Col 1 Col 2
download download-1
istockphoto-1049444220-612x612 701161859-origin
  • Page left to right
  • When furthest to right, move down a row:

Screen_Shot_2022-10-10_at_12.06.27

paging

Table 3:

Image Desc
download-1 Desc
download Desc

Frame_49

Edited by 🤖 GitLab Bot 🤖