Move page loading progress bar around the refresh button

[HollowMan6]

The address bar is hidden in kiosk mode, so we should have the progress bar somewhere else.

Also, it's not a good idea to have a loading view inserted before url text, which can cause distraction as the position of the URL text can keep changing.

Resolve #299

com.igalia.wolvic-20230925-001354.mp4

[svillar]

Changes look good to me. @felipeerias how does it fit with your UI revamp plans?

[svillar]

Unfortunately we cannot enable it because surprisingly it does not work in all the platforms we support. I noticed that it's broken in Pico

[svillar]

ScreenRecording.mp4

See what it looks like in Pico

[HollowMan6]

That's interesting, looks like they have customized the ProgressBar there

[HollowMan6]

Unfortunately we cannot enable it because surprisingly it does not work in all the platforms we support. I noticed that it's broken in Pico

Added the animation to rotate the progress bar, can you help me test in Pico and see what does it look like? @svillar

[svillar]

Unfortunately we cannot enable it because surprisingly it does not work in all the platforms we support. I noticed that it's broken in Pico

Added the animation to rotate the progress bar, can you help me test in Pico and see what does it look like? @svillar

This is how it looks now

ScreenRecording.mp4

two comments:

1. looks different than in other platforms
2. seems to last longer than needed

I guess 1. is because Pico's android version. Not sure if we can do something about 2.

In the other devices it still looks great

[HollowMan6]

two comments:

1. looks different than in other platforms
2. seems to last longer than needed

I guess 1. is because Pico's android version. Not sure if we can do something about 2.

In the other devices it still looks great

Yeah, maybe it's because of Pico's Android version, which leads to Pico's ProgressBar looking different than others.

For 2, of course, we can modify the duration here to make it faster, but this will also make the progressBar look even faster (since it's already rotating there). Since I don't have a Pico device, I don't know what will be the best parameter here to fine-tune the UI effect so that we can have the optimal on all the devices. https://github.com/Igalia/wolvic/pull/1010/files#diff-74e9484af8eff0bd67f1eab07581f9f10496f9e26bf5e7a467b8885155823657R9

[svillar]

Let's land this then as @felipeerias is OK with it (confirmed offline)