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

🚸 Mobile usability fixes #5351

Merged
merged 5 commits into from
Feb 15, 2021
Merged

🚸 Mobile usability fixes #5351

merged 5 commits into from
Feb 15, 2021

Conversation

@@ -48,7 +48,7 @@ Styles taken and combined from: https://raw.githubusercontent.com/richleland/pyg

pre, code {
@include txt-mono;
white-space: pre-wrap;
white-space: pre;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I thought that not wrapping causes the overflow?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I came up with another way by adding a min-width: 0; rule on children of flex containers. It makes the code blocks look better and not wrap in weird places.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

@sebastianbenz sebastianbenz merged commit afc3508 into future Feb 15, 2021
@sebastianbenz sebastianbenz deleted the fix/mobile-usability branch February 15, 2021 10:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants