Skip to content

fix: align organisation dropdown on responsive viewports#6971

Open
nielskaspers wants to merge 1 commit intoFlagsmith:mainfrom
nielskaspers:fix/issue-6607-org-dropdown-responsive
Open

fix: align organisation dropdown on responsive viewports#6971
nielskaspers wants to merge 1 commit intoFlagsmith:mainfrom
nielskaspers:fix/issue-6607-org-dropdown-responsive

Conversation

@nielskaspers
Copy link

Summary

Fix the organisation selector dropdown overflowing to the left on responsive/small screen viewports, which hid organisation names.

Issue

Fixes #6607

Changes

  • Changed left: -50px to left: 0 for .nav-modal at the md breakpoint in _project-nav.scss. At this breakpoint, the .inline-modal is already position: fixed with left: 0; right: 0 (set at the lg breakpoint), so the -50px offset was shifting the fullscreen modal off-screen to the left.

Testing

  • Resize browser window to a small/responsive viewport (below md breakpoint)
  • Click the organisation selector dropdown in the top navbar
  • Verify the dropdown stays within the viewport and all org names are visible

@nielskaspers nielskaspers requested a review from a team as a code owner March 17, 2026 07:06
@nielskaspers nielskaspers requested review from Zaimwa9 and removed request for a team March 17, 2026 07:06
@claude
Copy link

claude bot commented Mar 17, 2026

⚠️ Code review skipped — your organization's overage spend limit has been reached.

Code review is billed via overage credits. To resume reviews, an organization admin can raise the monthly limit in Settings → Usage.

Once credits are available, reopen this pull request to trigger a review.

@vercel
Copy link

vercel bot commented Mar 17, 2026

@nielskaspers is attempting to deploy a commit to the Flagsmith Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions bot added the front-end Issue related to the React Front End Dashboard label Mar 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

front-end Issue related to the React Front End Dashboard

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Select organisation dropdown misaligned in responsive

1 participant