Loading screen graphic 'hops' downward

integr8ly / tutorial-web-app

Solution Explorer provides the front door into the Integreatly initiative. It hosts the various Solution Patterns, as well as providing a dashboard of installed applications/products/services.

Apache License 2.0

36 stars 54 forks source link

Loading screen graphic 'hops' downward #215

Closed mfrances17 closed 5 years ago

mfrances17 commented 5 years ago

Originated from the UXD Team Feedback table: https://docs.google.com/document/d/1_AhqX8rPaZ2mfO-cI4lkhGbJLKLTWpo4HcCJ_KRhDjM/edit#heading=h.bjkplule4p3l

When the loading screen loads, the graphic shifts downward while loading and seems to hop, which doesn't look clean.

AdamJ commented 5 years ago

This is caused by the spacing/alignment being set before the image actually loads into the UI. When slowing down the connection speed, the background image also 'hangs' before appearing. Both can be fixed with this work.