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

UI - Buttons not visible if browser width is too narrow #1127

Closed
jifox opened this issue Dec 5, 2021 · 1 comment · Fixed by #1217
Closed

UI - Buttons not visible if browser width is too narrow #1127

jifox opened this issue Dec 5, 2021 · 1 comment · Fixed by #1217
Labels
type: bug Something isn't working as expected

Comments

@jifox
Copy link
Contributor

jifox commented Dec 5, 2021

Environment

  • Python version: 3.9
  • Nautobot version: v1.2.0b2

Steps to Reproduce

  1. Open Nautobot in browser
  2. Narrow the brwser width until the search field is on the 2nd line

Expected Behavior

Buttons should be visible

image

Observed Behavior

Buttons are barely visible

image

@jifox jifox changed the title UI - Buttons not visible if window is too small UI - Buttons not visible if browser width is too narrow Dec 5, 2021
@glennmatthews glennmatthews added group: ui-ux type: bug Something isn't working as expected labels Dec 6, 2021
@glennmatthews
Copy link
Contributor

Appears to be a CSS bug - as the browser window narrows, the menu items eventually collapse as intended into a single "hamburger" button, but before reaching that point, the search box and eventually the user dropdown both get shoved down to a new line instead of collapsing.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
type: bug Something isn't working as expected
Projects
None yet
2 participants