Skip to content

Replace GIF spinner with CSS spinner#177

Merged
thatarchguy merged 1 commit intomasterfrom
css-spinner
Nov 2, 2016
Merged

Replace GIF spinner with CSS spinner#177
thatarchguy merged 1 commit intomasterfrom
css-spinner

Conversation

@mprahl
Copy link
Member

@mprahl mprahl commented Oct 28, 2016

This new spinner now requires IE10+, but that should be fine considering that lower than IE11 is deprecated:
https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support

var spinnerHtml = $('<div/>', {'class': 'spinner'});
spinnerHtml.append($('<div/>', {'class': 'bounce1'}));
spinnerHtml.append($('<div/>', {'class': 'bounce2'}));
spinnerHtml.append($('<div/>', {'class': 'bounce3'}));
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why not use .addClass() ?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You prefer the following?

spinnerHtml.append($('<div/>').addClass('bounce1'));

It's really the same thing except this other way you create the div and then add the class, instead of creating the div with the class.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ahh, I was really just trying to simplify this part: spinnerHtml.append($('<div/>',

It just looked odd to me. But then again I'm not really versed in DOM manipulation all that well.

@thatarchguy thatarchguy merged commit 8f8da60 into master Nov 2, 2016
@thatarchguy thatarchguy deleted the css-spinner branch November 2, 2016 11:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants