News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Text of registration agreement buttons cut off on small screens

Started by Julius_2000, June 19, 2023, 08:37:13 AM

Previous topic - Next topic

Julius_2000

Hi all,

I just wanted to customize the registration agreement page a bit and noticed that the text of those two buttons gets cut off at lower screen widths.

You cannot view this attachment.

I tried word-break and word-wrap but since these buttons are input elements, as per the DevTool, this does not seem to affect them.

Is there a way to deal with that via css?

Aleksi "Lex" Kilpinen

#1
I am unable to replicate this, I tried with my phone, I tried by making my desktop browsers window as narrow as it would go, I tried zooming the page, I tried changing browser. The buttons seem to scale just fine to me - So this most likely is something specific to your settings or your install.

Have you made changes to the code? Have you set fixed font sizes in your browser?
What are your resolution and scaling settings for the OS?

EDIT: Okay, by forcing dev console to go way below 400px this happens to me too. There has to be a limit somewhere, I think you just hit it.
But this could be something that warrants a look, there's still plenty devices out there that are around 350px wide.
Slava
Ukraini!


"Before you allow people access to your forum, especially in an administrative position, you must be aware that that person can seriously damage your forum. Therefore, you should only allow people that you trust, implicitly, to have such access." -Douglas

How you can help SMF

Julius_2000

Quote from: Aleksi "Lex" Kilpinen on June 23, 2023, 05:05:21 AMEDIT: Okay, by forcing dev console to go way below 400px this happens to me too. There has to be a limit somewhere, I think you just hit it.
But this could be something that warrants a look, there's still plenty devices out there that are around 350px wide.

Thanks for looking into this!

Well, I always try to factor in up until 320px screen sizes for lower budget devices when I make edits to our theme, that's why I noticed it. Should have mentioned it, sorry.

Advertisement: