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

Long links on the competition page cause horizontal scrolling on mobile #8405

Open
dmint789 opened this issue Oct 3, 2023 · 0 comments
Open
Labels
META: good first issue Small/easy change which is a good introduction to working in the WCA repo

Comments

@dmint789
Copy link
Member

dmint789 commented Oct 3, 2023

When one of the descriptions on the competition page has a very long link, it doesn't wrap to the next line and causes scrolling on mobile devices.

Example: https://www.worldcubeassociation.org/competitions/PleaseBeQuietinAstana2023#34478-unofficial-events

Instead it should wrap the link to the next line with the css properties word-wrap: break-word and word-break: break-word, or an alternative solution that does the same thing.

@dunkOnIT dunkOnIT added META: good first issue Small/easy change which is a good introduction to working in the WCA repo TECH: reactJS Requires knowledge of React and removed TECH: reactJS Requires knowledge of React labels Oct 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
META: good first issue Small/easy change which is a good introduction to working in the WCA repo
Projects
Status: No status
Development

No branches or pull requests

2 participants