search

JD-666 / wwsc

forum based website
Apache License 2.0
0 stars 0 forks source link

Login Modal formatting #21

Closed JD-666 closed 7 years ago

JD-666 commented 7 years ago

The login modal is a certain size, then when you fail a login attempt the whole modal grows to react to the insertion of the HTML that says login failed.

To fix this, try inserting hidden HTML elements with the bootstrap .invisible or .hidden class. This will cause the modal to spawn in the larger size and then won't change when the new HTML is swapped in.

JD-666 commented 7 years ago

the .invisible class worked perfectly. Also utilized the JS setTimeout() function to simulate processing a login-attempt. This gives the user-feedback when doing multiple login attempts so they know their input is being processed.