Topic-icon Slight Styling Issue on Username and Password Fields

Active Subscriptions:

None
Hello,

This is a minor issue and I don't recall it when I started using SCLogin (version 3.1.1) and I've tried to track it down, but need some help.

I've attached "Username and Password Field Height.jpg" that shows my issue. The Username and Password fields don't line up exactly with the post-pended 'remember' buttons. As shown in the image, this affects the modal style, as well. Within the browser, I found the setting and can temporarily change it from 30px to 32px and all styles then look fine.

I'm assuming I can add custom css to target that one adjustment, but having trouble tracking down just what that css should look like.

Like I said, I don't remember seeing this and only started noticing it sometime after I updated to 3.1.2. So I went back to 3.1.1, but the issue was still there. I've looked through all of the other custom css I've added and don't see anything that could conflict with SCLogin. And though it's a minor issue, it bothers me that it's not lined up perfectly, so I'd like to get it fixed.

If there's a css element I can target, I'll be happy with that, or let me know what you think and how I can help tack it down.

Thanks for the time!
The topic has been locked.
Active Subscriptions:

None
I notice that it looks like even the modal login on this site has the field heights off just slightly, as well. I thought it might be something up with my browser, but it loos the same in Safari on my MacBook and on iPad and Android tablets.

Also related (could be my eyes), it the logon and register buttons look slightly misaligned, the 'Register' button being a pixel or two lower than the 'Log In' button.

Does everyone see that or is it just me?
The topic has been locked.
Active Subscriptions:

None
Since falling back to 3.1.1 didn't seem to help me, I ended up completely removing SCLogin and then reinstalling 3.1.1 and recreating my two modules. This fixed everything on the homepage (modal at the top and another for the sidebar near the bottom) however on all other pages, the styling on the top buttons for the modal was seriously screwed up. I couldn't figure out where the styling was getting screwed up and especially just by navigating to a new page. I had done a lot of tweaking and optimization yesterday, so I retraced those steps, after I kicked a few things and took a few deep breaths. Anyway, I had turned on file caching in global config, so I turned it back off and my problems were fixed. Trying to make sense of all that, but I guess I can reconcile how it could cause the issues I saw. I'm just glad everything is back to normal. But I'm afraid to move to 3.1.2 now... not having any issues, so I think I'll just stick with 3.1.1. I think there is an alignment issue with 3.1.2.

So, no help needed here now. I think I'm good. Thanks much! There's still no better login module than SCLogin.
The topic has been locked.
Support Specialist
10 years 6 months ago #37836 by alzander

I think there is an alignment issue with 3.1.2.

I think there may be a minor alignment issue as well. We're working on resolving these as we go along. It's difficult to make things work perfect across all templates. The best solace I can give you is that things are a ton better than the 3.0 release (which was the first publicly available module with all the new styles). While a pixel here and there can be excruciatingly annoying, the original releases caused drastic issues with whole sites (in limited cases, of course).

Either way, keep us posted on what you find. We're planning a v5.2 release of JFBConnect with an updated SCLogin module around the end of this month. That will include Twitter authentication and some other improvements... so, if you haven't moved to 5.1.2 and are happy right now, I'd say stick with it until you want to upgrade again for some new features.

Thanks!
Alex
The topic has been locked.
Active Subscriptions:

None
Thanks, Alex.

A couple of additional comments... first, I didn't realize I had to 'insert' my attachment after uploading, so here's what I was looking at:

File Attachment:


And just as a matter of further explanation of my troubles yesterday... I decided I would try to fix my field height / alignment issue and after trying to track done the exact elements to target with css, I decided to go back to 3.1.1, and it "seemed like" things were the same, so I was thinking well maybe something got left behind from 3.1.2, so I removed SCLogin altogether and reinstalled 3.1.1. And the homepage was fine, but on every other page, not only was the styling really, really screwed up, but clicking the button for the modal resulted in strange code appearing at the bottom of the page and, of course, login didn't work. And what was even more strange, I could set the homepage's bottom sidebar always visible login to be on all other pages and the top modal would then work. Wow, was I confused.

Well, I know this might be hard to follow, but like I said before, I've been trying to make sense out of all this. And I think I have. As said, I had turned on file caching in global config the day before I decided to fix the alignment, so in going back to 3.1.1, removing and reinstalling, recreating the modules, etc. with old cache files still in the mix, well there you go. Big lesson learned for me... seems caching should be off while still developing !!! And actually, I may never turn it on again :-). At least until I understand it better.

Does this all seem to make sense to you?

And for now, I will stick with 3.1.1, alignment is perfect and I have no issues with jQuery/Bootstrap loading or not, so everything is OK. At least I do now know when the alignment got off track and how I got it back.
The topic has been locked.