Replace the ugly spinner with a custom loading animation
Resources
When a diff or the builds page loads in a MR, you see this little spinner. It's ugly and the animation doesn't look good at all.
Proposal
I propose a simple CSS spinner.
Design/Implementation
I propose we go for Taurie's design, with 2 different modes for small (buttons, headers, etc) and large places (UI blocks, or entire pages).
larger one has:
- smaller thickness
- larger size
- slower animation
I took the example from https://matejkustec.github.io/SpinThatShit/ and edited is for our purposes:
this is a pure css implementation, see if that is alright.
download: examples.zip
Ps: i just edited the .css for this, not the .scss
Original Proposal
I propose we make a mini-version of the logo, like the one in the navigation bar, that loads.
@lbennett proposed it to be greyscale. That could work.