Skip to content

Fixes user menu layout for short usernames - #4351

Open
07mastermind wants to merge 3 commits into
processing:developfrom
07mastermind:fixes4091-user-menu-layout
Open

07mastermind wants to merge 3 commits into
processing:developfrom
07mastermind:fixes4091-user-menu-layout

Conversation

@07mastermind

Copy link
Copy Markdown

Issue:

Closes #4091

The user navigation menu can cause layout instability depending on the username length. This PR adds a minimum width to .nav__items-right to help keep the navigation layout stable.

Demo:

image

Changes:

  • Added min-width: 11rem to .nav__items-right in client/styles/components/_nav.scss.
  • Verified the navigation layout with different username lengths.
  • Ran git diff --check to check for whitespace errors.

I have verified that this pull request:

This branch has not been deployed

No deployments
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

Successfully merging this pull request may close these issues.

Clicking on the user-menu button breaks the screen layout

1 participant