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

[Visual bug] "Integrations" link text in header under "Resources" submenu breaks on new line #1069

Open
edburtnieks opened this issue Apr 14, 2024 · 2 comments

Comments

@edburtnieks
Copy link

edburtnieks commented Apr 14, 2024

Reproduce

  1. Visit https://astro.build on screens >= 1024px
  2. Open "Resources" submenu

Repeatability: 100%
Operating systems and browsers:

  • Reproducible on Linux - Chrome 123, Firefox 124
  • Not reproducible on Windows - Chrome 123, Firefox 124

Expected result

"Integrations" link text in header under "Resources" submenu is in one line

image

Actual result

"Integrations" link text in header under "Resources" submenu breaks on new line

image

Potential solution

Adding whitespace-nowrap tailwind class to links inside the "Resources" submenu

See:

class="flex items-center gap-2 rounded p-3 leading-none transition hover:bg-black/10"

@ElianCodes
Copy link
Member

Weird, this doesn't seem to happen on any of my machines. The viewport changes to the mobile layout before the line starts to break.

@edburtnieks
Copy link
Author

Yeah, it only happens on my Linux machine

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

No branches or pull requests

2 participants