Skip to content

Navbar overflows instead of wrapping or collapsing #2012

@zainforbjs

Description

@zainforbjs

Describe the bug
The navbar currently overflows when the number of navigation items exceeds the available horizontal space.

Items such as Info, Logo, Routes, API, Guides, Tests, Migrator, Package and Plugins extend beyond the visible area instead of wrapping, collapsing, or using a responsive menu.

This makes the navigation difficult to use on smaller screens or when the browser window is reduced.

To Reproduce

  1. Start a Wheels application.
  2. Observe the navbar.

Expected behavior
The navbar should handle limited space gracefully by doing one of the following:

  • Wrapping items to a second line, or
  • Collapsing into a responsive/hamburger menu, or
  • Using a scrollable navigation container.

Screenshots

Image

Desktop:

  • OS: macOS
  • Wheels Branch: Develop

Metadata

Metadata

Assignees

No one assigned

    Labels

    phase:1-stabilizeBugs, cleanup, CI fixes — tackle first

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions