Improve screenshot listing

[buhtz]

Describe the problem

I am a user of translate.codeberg.org using Weblate 5.6.1.

I do have several screenshots in my project. I can see only 20 per page and need 4 pages to see all. Their ordering is unclear. There is no search feature.

Describe the solution you would like

I can imagine several solutions. I try to order them ascending based on the amount of work to realize them.

• Make "screenshots per page count" user definied. E.g. via a simple drop box on top of the page like you know it from several web forums.
• User multiple columns (maybe 3) to show the screenshots, like a "tile view".
• Make it possible to somehow tag or group screenshots somehow. Searching for specific screenshots would be easier if I would have tags/groups like: "message boxes", "widgets", "Settings dialog" (a dialog having multiple screenshots because of tabs), "warnings and errors", "misc", "animated" (or by filetype png, gif, ...). see Organize screenshots #13451

Describe alternatives you have considered

No response

Screenshots

No response

Additional context

No response

[nijel]

Let's split this up into two issues. #13451 will cover organizing screenshots and this issue will track screenshot listing.

It should be changed from table style to be a tile style view and show more strings on a page. I don't think we need to make the number of strings customizable after that.

Bootstrap even has a component for that: https://getbootstrap.com/docs/3.4/components/#thumbnails