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

fix(recent-contributions): break long words instead of overflowing #10503

Merged
merged 1 commit into from
Mar 5, 2024
Merged

fix(recent-contributions): break long words instead of overflowing #10503

merged 1 commit into from
Mar 5, 2024

Conversation

tannerdolby
Copy link
Contributor

Summary

Fixes #10276

Problem

Long words overflow the content box for the recent contributions list on the homepage.

Solution

Add a CSS declaration overflow-wrap: break-word to ensure that long words which would overflow its content box, instead break onto the next line.


Screenshots

Before

Screen Shot 2024-02-11 at 6 11 43 PM

After

Screen Shot 2024-02-11 at 6 11 56 PM


@tannerdolby tannerdolby requested a review from a team as a code owner February 13, 2024 08:02
Copy link
Contributor

@caugner caugner left a comment

Choose a reason for hiding this comment

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

LGTM, thanks!

@caugner caugner changed the title Make sure long words break onto the next line instead of overflowing for recent contributions on homepage fix(recent-contributions): break long words instead of overflowing Mar 5, 2024
@caugner caugner merged commit 9ec8963 into mdn:main Mar 5, 2024
9 checks passed
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.

Long words overflowing content box for recent contributions on mobile viewports
2 participants