adding a loader image

[jenil]

Adds a nice loader image in the icon area till they are all populated.

[thomaspark]

The loading style can definitely be improved, right now it's jarring.

If we did go with a loader, it would be much more fitting to use fa-spinner with a CSS rotate animation!

I wonder if a separate loader animation is even necessary — the icons are loading for me in under 500ms and the spinner is barely perceptible. How about fading in the icons and section titles on load instead? Less jarring, and less stuff getting between the user and the icons.

[jenil]

The only point of getting a loader was getting rid of the suddenly appearing icons. We need to figure out a way to populate the icons in a better way.

[jenil]

Hey @thomaspark check the latest commit.

[thomaspark]

This animation would definitely work if this was a standard search. But since it triggers on each key press, there's a blinking effect that is pretty distracting. The animation is even triggered even when the search results don't change (like a query going from "point" to "pointer").

The bigger issue with GlyphSearch right now is that on page load, all of the section headers briefly flash into view. The section headers should probably be shown only after the icons have been loaded.

Also, with a permalink, the search box and dropdown flash their default states before updating.

[jenil]

Yeah I don't think updating the loading of icons should be working upon, inside the loading on the page itself needs to be worked upon. I think we should parse the URL first and only then load the content on the page.

[jenil]

I am closing this as GlyphSearch was updated to v1.1.0.