search

moff / angular2-ladda

Angular 2 Ladda module
MIT License
97 stars 20 forks source link

Loading icon not in center position #31

Closed shihabudheenf closed 5 years ago

shihabudheenf commented 6 years ago

I integrated Ladda with my Angular 5 project using this template and it is working fine, but the position of the loading icon is not centered and the button is still clickable.

JhonnyHRocha commented 6 years ago

I have the same problem

theodorejb commented 6 years ago

@JhonnyHRocha Is the issue you're having with the same template? Can you share a screenshot of the bug, and inspect the element to see what CSS properties are affecting the loading spinner?

aislingvasey commented 6 years ago

screenshot_20180920_074758

I think its a very similar template. I updated yesterday (npm) and now I have the same issue.

http://html.codedthemes.com/gradient-able/angular-5/default/forms/basic

--> And 5 minutes later I find the issue: I had not imported the ladda style sheet correctly. The README says: or import it in app.scss, e.g.: @import "node_modules/ladda/css/ladda"; I had not done that before so I add this line to my src/scss/style.scss and its working again.

talha2k commented 2 years ago

for me the issue was the button's html, html hsould be like:

<button id="login_submit" class="btn btn-primary btn-lg btn-rounded font-weight-bold my-3 btn-block btn-anim ladda-button" data-style="expand-left"><span class="ladda-label">Sign In</span></button>