UI polishing

[juliusknorr]

From nextcloud/server#10094

• Top image & logo missing
• Next button needs more padding, to 44px min clickability
• Icons on some entries missing
• First slide should have a nice picture in content instead of text. (Like on Nextcloud flyer)
• Fix mobile rendering
• Adjust icons to new server classes after the files got unified in Svg color api server#9984

[juliusknorr]

 Icons on some entries missing

@jancborchardt I cannot see any missing icon there, can you point me to what exactly is missing

 First slide should have a nice picture in content instead of text. (Like on Nextcloud flyer)

@jancborchardt Do you have that image at hand somewhere? Or maybe @jospoortvliet

And should this image replace the header area with the background image or the content, where we have the core values? Because then we would need to move the core values to a separate page.

[jancborchardt]

@juliushaertl sent you the link to the background image via Nextcloud Talk. ;)

I can actually not reproduce the icons not loading, maybe another problem specific to Franks setup. But I found 2 new issues:

• Icons on first slide are not correctly shown on mobile – might be solved by simply using the image
• Scrolling is very slow cause it scrolls the whole page (see the whole page behind the modal being scrolled up)

[jancborchardt]

And the image should replace the icons / text boxes on the bottom. And if I remember correctly (correct me if I’m wrong @jospoortvliet) we decided that we do not insert another slide for it, because it’s just too much blabla that people will skip anyhow.

[juliusknorr]

@jancborchardt The icons about the core values of Nextcloud were actually the main requirement for the firstrunwizard rework. See #57 so I wonder why those are supposed to be dropped again. Also just using the image instead of the text/icons as a first slide doesn't provide any value to the user:

But I like the idea of using that image, maybe as the header image:

[MorrisJobke]

@juliushaertl Should we get this in like it is now and finish the polishing later?

[juliusknorr]

@MorrisJobke Good to go from my side.

[MorrisJobke]

Tested and works 👍

[MorrisJobke]

@juliushaertl I fixed the icons in here as well 😉