Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Broken mobile layout in TWIR 417 #2627

Open
ozkriff opened this issue Nov 21, 2021 · 3 comments
Open

Broken mobile layout in TWIR 417 #2627

ozkriff opened this issue Nov 21, 2021 · 3 comments

Comments

@ozkriff
Copy link
Contributor

ozkriff commented Nov 21, 2021

long code lines break the layout on phones:

Screenshot_2021-11-21-15-40-20-496_org mozilla firefox

@bennyvasquez
Copy link
Contributor

I'm reviewing older issues that we have open, and in discussions with @nellshamrell it sounds like this one was resolved, or may no longer be a problem. If you are still seeing errors like this, please do feel free to open a new issue or tag me here and we'll take another look!

@ericseppanen
Copy link
Contributor

This is still a problem. I just looked at issue 417 and a few others, and nothing has changed.

Firefox & Safari both show that the entire page shrinks until the one long line of code fits.

@timabell
Copy link
Contributor

Looks like the css code { word-wrap: break-word; } would do the trick

https://www.w3docs.com/snippets/css/how-to-wrap-a-long-string-without-any-whitespace-character.html

Currently

shutter_2024-06-19_01

With addition of break-word

shutter_2024-06-19_02

Tested with https://this-week-in-rust.org/blog/2021/11/17/this-week-in-rust-417/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants