About Block content overflowing on changing language

[swrno]

p5.js version

v1.9.0

What is your operating system?

Windows

Web browser and version

No response

Actual Behavior

Expected Behavior

Steps to reproduce

Steps:

1. Open p5.js Web Editor 2.
2. Change the language to Italiano
3. Toggle the About Block

[aryanas159]

Can I work on this issue?

[afrinxnahar]

It's overflowing for Spanish, Turkish and Ukranian languages also

[lindapaiste]

Thanks for catching this. The language-dependent part here is the width of the text in the columns and this wrapping happens for Italian etc. even on very wide screens 😭. What we want is for the long text "Codice di comportamento" to wrap within the column rather than causing the whole column to wrap.

Not much thought was put into the responsive breakpoints for the About modal and it's become clear that there's a lot of problems with it. All I did was put in a flex-wrap: wrap to make it somewhat okay. In the long term we probably want to go back to the drawing board and really think about what it should look like at each breakpoint. It's not a good design when it's at that two-column wide stage.

We should definitely fix this but it's related to a bunch of other issues regarding this modal and it might make sense to address them all at once with a better responsive design.

[KrishavRajSingh]

I want to work on this

[hemanggs]

Can i be assigned this issue ,if anyone else is not working on it.