Issue "cover image" / "preview image" for Project Board view

[gnat]

Feature Description

This addition would be a big benefit for design and art teams using the issue tracking.

Could be as simple as using the first image attachment, or allowing users to select one of the attachments as a cover image.

Suggestion A:

• Keep the preview the height of a tag or avatar, to not break the layout.

Suggestion B:

• Use background-size: cover; to make the cover image fit the background of the issue.

Also open to other layout suggestions!

Screenshots

Suggestion A:

Suggestion B:

Original photo:

[gnat]

I've got an incoming PR for this, the preview will be the latest "image type" attachment on an issue- simple, and allows for automatic updates of the cover image as issue progress is made!

[gnat]

A few other variations that may be much more useful, yet take up a bit more vertical space. These would make Gitea competitive with Trello... wouldn't it be amazing to say goodbye to Atlassian products? Ha.

Suggestion C (Top), Carousel style. Good for seeing a "timeline" of multiple assets at once!
Suggestion D (Bottom), Literally could replace Trello.

Suggestion E... Could be D if one image attachment, then C if more than one.

[gnat]

This scrolling ability would be so nice, but undoubtedly, MacOS is gonna natively re-theme the scrollbar and make it look ugly as sin. 😢 Maybe something to do in the future.

scroller.mp4

[gnat]

The CSS will try to center-align images until it cannot, then it will left align with overflow hidden. Single images get to be slightly larger.

First image is the most recent, the SQL will fetch up to 5 latest images (URL string).

All images supported by browsers plus upcoming formats: *.avif *.bmp *.gif *.jpg *.jpeg *.jxl *.png *.svg *.webp

Current revision with light and dark themes: