@karannaik Thanks for the kind words
@lwanjiru Thanks, great feedback! I agree with you on placing the notification above/higher up, at least so that it doesn’t overlap/interfere with the keyboard.
As for the style of the button, I’m a bit divided. I think the current style when the button is in the disabled state (gray) doesn’t convey that there’s something wrong with the form and since it is disabled the user gets no feedback when clicking it. But I do agree with you that the red style adds much noise.
I looked at some other login forms in popular apps (reddit) and they simply have the login button in a lighter shade when the form is invalid. After some experimentation, I realized that my issue with the current implementation is not necessarily the gray background color of the button, but rather the text color.
So, I think that having the text color pale when disabled (and only turning it dark purple when the form is valid) does a much better job at conveying the message that “Hey, this button isn’t clickable until you’ve correctly filled in the login form”.
Please have a look at my latest suggestion, recorded here. The background color for the disabled state is #DCEDC8 (very light green) and text color is #9D9FA2 (light gray instead of dark purple)