Registration Popup Make Box Moveable

fords8

fords8

New member
Anyway to make the popup box moveable on the screen? Have 1 person having an issue. Looks like the screen on whatever they are looking at the forum on isn't resizing it or something. Or the video display settings are wrong. Or make the forum behind it clickable.

Thanks!

EDIT:
1738771905878.png

I added the login to the exclude popup from templates list.
 
Last edited:
Upvote 0 Downvote
fords8 said:
Anyway to make the popup box moveable on the screen? Have 1 person having an issue. Looks like the screen on whatever they are looking at the forum on isn't resizing it or something. Or the video display settings are wrong. Or make the forum behind it clickable.

Thanks!

EDIT:
View attachment 127

I added the login to the exclude popup from templates list.
Click to expand...
How can I reproduce this? Is there a particular device they are using? It seems to load fine on my phone.
 
Andrew said:
How can I reproduce this? Is there a particular device they are using? It seems to load fine on my phone.
Click to expand...
I have tryed and tryed to get it to do it without any luck. No idea what they are using. I just figured if the box could be movable in some way, they could just close it. Or click on the login.
 
I am going to research the best way to make sure it always fits on a screen. Perhaps I have the logo scale down in size to ensure it always fits. That screenshot makes it look like the user is squishing the windows. I wish I knew if that was native to their device.
 
I have asked for the specs on the rig they are using. Not sure if he or she will give what is needed. They are in India, so I am not sure how much english they really know.
 
The challenge you have is because your logo is so tall it makes the height of the popup larger than would typically been seen.

My suggestion is to add the following code to your extra.less file. This will make the sure the top of the popup is visible when the viewport is 500px or less. You may need to even increase it to 550 or 600 in your case but I would try 500 first.

I am not going to add this into the add-on code because it would adjust the popup a lot sooner than needed for a vast majority of users and the needed value would change based on logo height and number of connected providers.

CSS: 
@media (max-height: 500px) {
    .registerPromptModal-content {
        top: 10px; /* Forces it to stay at the top */
        transform: translateX(-50%);
    }
}
 
Last edited:
Thanks @Andrew for looking at this and coming up with a solution. I will try it out and see what happens.

Adding the login to the exclude popup from templates list helped as well. People can go to the login page without the popup coming up.
 
fords8 said:
Thanks @Andrew for looking at this and coming up with a solution. I will try it out and see what happens.

Adding the login to the exclude popup from templates list helped as well. People can go to the login page without the popup coming up.
Click to expand...
I will add login to the default list. The popup is already prevented from firing if the login overlay has loaded.

Another code option is to introduce a scroll if the popup is taller than the screen. This also aligns the popup with the top of the screen when the height is 500 or under.

Code: 
@media (max-height: 500px) {
    .registerPromptModal-content {
        top: 10px;
        max-height: 90vh;
        overflow-y: auto;
        transform: translateX(-50%);
    }
}
 
Actually it looks like login was on the list of exclude templates but there was a comma missing between error and login in the template list. It will be fixed in the next release but in the meantime adding the comma after error will accomplish the same thing.
 
Andrew said:
Actually it looks like login was on the list of exclude templates but there was a comma missing between error and login in the template list. It will be fixed in the next release but in the meantime adding the comma after error will accomplish the same thing.
Click to expand...
I looked right at it and didn't see it. lol

Person screen after the 1st code you gave:
1739073341243.png
 
You must log in or register to reply here.
Back
Top