Add support for image thumbnails in Activity feed

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

The Activity feed redesign from gitlab-ce#49403 included the following point:

For comment rows, a short preview will be shown inline. If any images happen to be fetched within this preview, they will be shown as small thumbnails which will open the image in a new tab on click.

This is not yet supported by the gitlab-ce24926493 or the gitlab-ce3412464, so we decided to leave it for a future iteration. This issue will track that addition.

Solution

Clicking on a thumbnail will open the full image in a new tab.

The specs for the thumbnails will be:

  • Max height: 64px
  • Border: 1px $grey-200
  • Border radius: 4px
  • Margin to comment body: 16px
  • Margin between thumbnails: 8px
Edited by 🤖 GitLab Bot 🤖