Add loading screen to `Spell_What_You_Hear`

zeeguu / web

Frontend for the zeeguu web application.

https://www.zeeguu.org

3 stars 5 forks source link

Add loading screen to `Spell_What_You_Hear` #287

Closed tfnribeiro closed 6 months ago

tfnribeiro commented 6 months ago

Spell_What_You_Hear when getting the audio the exercise seems to "freeze". Adding the loading screen might provide a better user experience.

mircealungu commented 6 months ago

very good point!

tfnribeiro commented 6 months ago

Loading screen was called but wasn't displaying the CSS. I have created a fix utilizing a loading CSS code and adding a small timeout of 500 ms to avoid showing the animation at all times.

The animation is the 3 dots that can be seen from this page (https://loading.io/css/), and the dot colour is the zeeguuOrange: