https://ticket.wikimedia.org/otrs/index.pl?Action=AgentTicketZoom;TicketID=11407341

https://github.com/wikimedia/wikipedia-ios/pull/4458

Hi!
For the blocked message modal I have a couple questions:

1. The loading time for the modal is multiple seconds (video below), I wonder if it is possible to decrease that time?

2. The icon size in the designs is around 50 pts but about 100 pts in the app currently, is it possible to decrease the icon size back down to 50 pts?

In addition, the padding below the icon is really large, very slim above the icon. Is it possible to have equal padding of 24pts above and below the icon?

Designs	App

3. The width of the modal is much wider than the width of similar modals in the app (examples below). The width of the modals below is about 280pts while the block message modal is about 338 pts wide (or if looking at the margins, the margins in the app are about 48pts left and right while with the block messages modal its about 19 pts). Could the width be the same as the other modal in the app?

App	Designs	'Your not logged in' modal	'Keep saved article on device?' modal

4. The 'OK' button is below the fold and is it is not very obvious that the modal is scrollable. Is it possible to have the button stick to the bottom of the modal and additional to that would it be possible to add elements that indicate that there is information below the fold like the adding a blur & a flash of a scroller when there is information hidden? (Example below)

In addition, is it possible to keep the 'x' close icon also sticky to the top of the modal (currently is scrolls with the text)

Sticky button similar to full modal	Example of flashing scroller

Hi @OTichonova!

The loading time for the modal is multiple seconds (video below), I wonder if it is possible to decrease that time?

Unfortunately that's an API limitation - we only receive an error code from this API, so to turn it into fully resolved html we have to chain a followup API call to get the blocked template. So it takes twice as long as a single call to get wikitext here due to this chaining, but that extra call only occurs for blocked users, so it should be faster for others. I can look to see if caching is working properly for this template call, so that it's at least faster the 2nd+ time they trigger it.

The width of the modal is much wider than the width of similar modals in the app (examples below).

I'll look into this to get it to match more closely with the existing modals. I had changed the width logic to expand wider for iPad (it stays skinny for iPad on existing modals), and it's possible that threw things off for iPhone. I think fixing this will also shrink the icon size as well.

The 'OK' button is below the fold and is it is not very obvious that the modal is scrollable. Is it possible to have the button stick to the bottom of the modal and additional to that would it be possible to add elements that indicate that there is information below the fold like the adding a blur & a flash of a scroller when there is information hidden? (Example below)

This might be tricky because we're dipping into designing a new component - I used what we have currently out-of-the-box. But I'll see if I can find a light-touch way to adjust our panels without causing regression issues to the other panels.

Hi @Tsevener!

Unfortunately that's an API limitation...

Okay no problem, do you think it would be possible to add a progress bar or keep the 'loading state' toast (shown below) until it is fully loaded?

Toast

And sounds good about the rest, thank you for looking into the other points!

https://github.com/wikimedia/wikipedia-ios/pull/4474

Appears to be fixed on 7.2.0 (2061)