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

Event view on mobile is too large on long words #553

Open
FluidSense opened this issue Apr 22, 2021 · 1 comment
Open

Event view on mobile is too large on long words #553

FluidSense opened this issue Apr 22, 2021 · 1 comment
Labels
Type: Bug Something isn't working

Comments

@FluidSense
Copy link
Contributor

Describe the bug

Event page is longer than mobile page if there are long links or long words.

The text block should have the CSS-rule:

word-break: anywhere;
hyphens: auto;

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://online.ntnu.no/events/1485
  2. Open in responsive mode
  3. The page is wider than the screen

Expected behavior

The text should be wrapped instead of being wider than the screen

Screenshots

With rule:
image

Without rule (current):
image

@FluidSense
Copy link
Contributor Author

#554 Fixes for a lot of use cases, but according to MDN, the rules are not in use by Safari.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant