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 Text Wrapping on Navbars on /about and /contribute pages #705

Closed
SpiritSeal opened this issue Jul 23, 2022 · 0 comments · Fixed by #710
Closed

Fix Text Wrapping on Navbars on /about and /contribute pages #705

SpiritSeal opened this issue Jul 23, 2022 · 0 comments · Fixed by #710
Labels
bug Something isn't working

Comments

@SpiritSeal
Copy link
Contributor

Describe the bug
Some single words, such as INTRODUCTION and VOLUNTEER in the /about and /contribute pages, exhibit text wrapping. This is especially prevalent on mobile devices, causing the bug to also affect other words, such as RENEWING.

To Reproduce
Steps to reproduce the behavior: Open webpage in browser. Bug observed on 1536x864px builtin laptop display, but can be replicated on any of the mobile devices in the following list while in portrait mode:

image

Expected behavior
No text wrapping on single words (Flexbox should be larger than largest word included or text wrapping should be disabled)

Screenshots

image

image

Additional context
Can likely be resolved by removing the "overflow-wrap: anywhere" style from the css of the flexbox container.

Before:

image

After:

image

@SpiritSeal SpiritSeal added the bug Something isn't working label Jul 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant