Pop up - how to css?

Product Support

AI-generated summary

A user reported a pop-up for reaching the daily limit of likes is too wide and not mobile-friendly. sok777 tried to reproduce the issue but was unable to trigger the pop-up. pfaffman suggested using a test site to change the site settings, and JammyDodger successfully reproduced the issue by lowering the daily likes limit on their test site. However, the pop-up appeared to be the correct size on mobile.

sok777 asked for help reproducing the issue on their forum to identify the class and apply custom CSS. JammyDodger shared their method of reproducing the issue and suggested that the user might be using the desktop version on their mobile device. sok777 considered the possibility that a plugin or theme might be causing the issue.

JammyDodger recommended reproducing the error in safe mode to isolate the cause and provided links to switch between desktop and mobile views: [YourSite]/?mobile_view=0 and [YourSite]/?mobile_view=1.

1

Users are alerting us that the pop-up for reaching daily limit of likes is far too wide and not mobile friendly.

I’m trying to repro but not sure how to make the alert pop-up without actually liking x amount of posts.

Any thoughts?

TY!

3

My best idea is to use a text site where you can change the site setting that controls that limit or do it on try.discourse.org where the likes will get deleted after a day

4

I dropped the Likes to 1/day on my test site, but the warning pop-up I received seemed to be the ‘slow down’ one rather than the max like one. It was the right size on my phone though.

5

I also checked it and works fine for me on mobile. My best tip is maybe you use some custom css on modals or the user who reported is on desktop view. :slightly_smiling_face:

6

@JammyDodger @Don @pfaffman great! Thanks.

But how can I repro it on my forums? this way I can then find which class it is and do some custom css.

7

I’m afraid mine wasn’t the perfect repro, but I changed the max likes per day admin setting to something achievably low, and then used a TL2 test_user to check.

Though I got this message:

image
image835×208 3.65 KB

(which I should probably now work out why it’s giving it me in seconds :slight_smile:)

Edit: Instant realisation that it is because I have the Reactions plugin enabled. :slight_smile:

Here’s the one without, and I’ll check it on my phone now.

desktop
desktop803×263 6.33 KB

mobile
mobile1080×605 90.5 KB

I think I agree with @Don, and I would check with your user and make sure they’re not using the desktop version on their mobile.

8

Great idea!
We’re using a few plugins and themes, so maybe it’s that. I just want to make sure before I “accuse” the user :sweat_smile:

9

If you think it could be a theme or plugin, you could try reproducing the error in safe mode and see if that has any effect on the modal width?

And here are the desktop/mobile view links just in case you’ve styled them out of your forum’s hamburger menu: (though that would make them difficult for a user to accidentally use, but I have seen it happen :slight_smile:)

Desktop View: [YourSite]/?mobile_view=0
Mobile View: [YourSite]/?mobile_view=1