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

Squashed nav #1813

Closed
samajammin opened this issue Nov 13, 2020 · 0 comments
Closed

Squashed nav #1813

samajammin opened this issue Nov 13, 2020 · 0 comments
Assignees
Labels
bug 🐛 Something isn't working

Comments

@samajammin
Copy link
Contributor

Describe the bug

To Reproduce
Steps to reproduce the behavior:

  1. Run project locally
  2. View new nav (browser width <1200px)

Expected behavior

Nav items shouldn't wrap

Potential solutions

  • "Ethereum Community" should be trimmed to "Community"
  • Force "Use Ethereum" to not wrap

If that doesn't work, other options:

  • Maybe we hide search bar and just display icon and then when a user selects the search icon, the whole nav bar becomes a search bar. That would save space on the nav and bring greater focus to the act of searching
  • Maybe we show the mobile menu earlier (e.g. 1200px instead of L breakpoint of 1024px)

Screenshots
image

Desktop (please complete the following information):

All browsers between 1024px & 1200px width

Smartphone (please complete the following information):

None

Additional context

Result of #1738

@samajammin samajammin added the bug 🐛 Something isn't working label Nov 13, 2020
@samajammin samajammin self-assigned this Nov 13, 2020
ryancreatescopy added a commit that referenced this issue Nov 14, 2020
Prevent nav item text wrapping [Fixes #1813]
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

No branches or pull requests

1 participant