Skip to content

style: word wrap code to prevent content overflow-x #1474

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.

Sign up for GitHub

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

Closed
wants to merge 2 commits into from
Closed

style: word wrap code to prevent content overflow-x #1474

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d15b9e3
style: word wrap code to prevent content overflow-x
peterpeterparker Feb 5, 2025
5aaaac4
chore: revert
peterpeterparker Feb 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions src/styles/app.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,6 +120,10 @@ code {
overflow: auto;
}

ul a code {
Copy link
Member

Choose a reason for hiding this comment

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

this seems like quite a specific selector 😅

while this would probably fix the issue for the specific blog post you took a screenshot of, I assume it won't work for ol lists, for code blocks that are not links, and for code blocks that are not in lists.

do you think we can find a solution that would work for all of these cases? :)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fair point, I agree with you. That was a quick fix. I'll make a note and tackle this properly when I have more time. Meanwhile, I'll close the PR.

word-break: break-word;
}

section {
padding: 30px 0 60px 0;

Expand Down