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

Search input element in the navigation bar is misaligned at various screen-widths. #721

Open
cojohen opened this issue Jul 7, 2024 · 0 comments

Comments

@cojohen
Copy link

cojohen commented Jul 7, 2024

Issue

The Search input element that's displayed in the navigation bar at the top, right side of the page is not aligned correctly at various screen-widths.

Reproducing the Issue

  1. Navigate to https://docs.uniswap.org/
  2. Locate the Search input field at the top, righthand side of the page.
  3. Adjust the browser window width downward until the page is less than 997px wide.
  4. Observe that the issue is visible at every screen-width below this value. The issue appears in different forms at different breakpoints. (See screenshots below)

Screenshots

No Issue (screen-width is > 996px)

Screenshot 2024-07-07 at 08 15 59

Screen-width is 995px

Screenshot 2024-07-07 at 08 16 30

Screen-width is 959px

Screenshot 2024-07-07 at 08 16 49

Screen-width is 750px

Screenshot 2024-07-07 at 08 17 14

Screen-width is 387px

Screenshot 2024-07-07 at 08 17 36

Expected Behavior

The search field should be vertically aligned with the navigation bar at all of the viewport breakpoints. It should not overflow the navigation bar. The search field should be contained within the navigation bar at all viewport sizes.

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

1 participant