@cmadeo Can you clarify how the user gets to the full-screen image view? Are the images within the article focusable like the links?

@SBisson, sorry I forgot to define this, but yes, let's please make images focusable like the links in an article

On inline images, let's experiment with @SBisson idea of a small image icon, slightly larger than the one in search results, that pops out into an image viewer. If the image viewer could allow for descriptive text/captions of the image, that'd be great.

Design needed:

• thumbnails of images
• Images should be scattered throughout the text

Regarding the article view,

the image and description might be break into 2 pages

We can also make it stay under 1 page only using display: inline-block, but then we will lose the remaining description

I will go for the first option (break into 2 pages)

@hueitan could we actually go for option 2 instead? Once the user taps through to the gallery view we could show the full description with a scroll within the div?

Do you mean showing the description in full with a scroll then author and license instead of max 3 lines description? In the case with scroll, user unable to see the author and license when opening the ABOUT at first view.

@cmadeo @AMuigai Do we show the gallery option in the menu list? if so which text to show?

@hueitan There is a showInGallery property in the API response that can be used to filter out some of the less interesting images (like speaker icons).

For the text at the top of the image, I'm wondering if we should use caption when present. It looks like it is more likely to be in the content language and the description is more often in english.

In T236302#5838521, @SBisson wrote:

@hueitan There is a showInGallery property in the API response that can be used to filter out some of the less interesting images (like speaker icons).

For the text at the top of the image, I'm wondering if we should use caption when present. It looks like it is more likely to be in the content language and the description is more often in english.

Ya, this is better now. here's the change https://github.com/wikimedia/wikipedia-kaios/pull/120

The Gallery sometimes look like this, lang af article Religie, the image has transparent background and black color image https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/ReligijneSymbole.svg/320px-ReligijneSymbole.svg.png

maybe gray color as the background? @cmadeo

@hueitan it looks like we're applying a white background just to the image itself on SVGs on iOS, would it be possible to do the same? I'd hate to lose the black background just for these edge cases.

In T236302#5845706, @cmadeo wrote:

@hueitan it looks like we're applying a white background just to the image itself on SVGs on iOS, would it be possible to do the same? I'd hate to lose the black background just for these edge cases.

sure, the update is on https://github.com/wikimedia/wikipedia-kaios/pull/122

I will continue with the option (1) breaking into 2 pages, and make the description has max 3 line with an ellipsis in the about gallery dialog.

I also add the Gallery item on the menu page.

Feel free to reopen this card or open a new card when any changes needed for gallery.

@hueitan I just saw that on the image gallery, if I go right it scrolls endlessly between the images, but if I go left it stops at the first one.
can you fix this on this PR (or an ongoing one) or should I create a new ticket?

PR is here https://github.com/wikimedia/wikipedia-kaios/pull/141