Bugfix loading spinner - The Magic Frog

Repository

https://github.com/mktcode/the-magic-frog

Task Request by @mkt

Bug Fixes

  • What was the issue(s)?
    When clicking on the button, its height expanded. The expected behavior would be that the height stays the same.
    like-btn-bug.gif

  • What was the solution?
    To debug the issue, I forked the repository on GitHub and cloned it into my local development environment.
    Then I inspected the button with Chrome Developer Tools while changing the loading state with Vue Devtools.
    vue-devtools.gif
    I looked at the SVG loading icon and saw two different styling blocks for the .spinner class. So it turned out there is another loading spinner (for image upload) with the same class name. To fix this issue, I just renamed the class of the image upload spinner from .spinner to .upload-spinner.

Here is the link to the Pull request:
https://github.com/mktcode/the-magic-frog/pull/2

GitHub Account

https://github.com/forsartis

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Logo
Center