Breadcrumbs UI becomes cramped when sidebar is open — option to render above sidebar

[mdroidian]

Requested by Jay B. in slack

Description

When the left sidebar is open in Roam, the Breadcrumbs component becomes visually cramped due to reduced horizontal space.

It would be helpful to add a configuration option that allows Breadcrumbs to render at the top of the page, above the sidebar area, instead of within the constrained content width.

Current Behavior

• Breadcrumbs render within the main content column.
• When the sidebar is open, available horizontal space decreases.
• Breadcrumbs appear tight/compressed.

Expected Behavior

Add a user-configurable option such as:

• Position:

  • Inline (current behavior, default)
  • Top (above sidebar / full-width header area)

When set to Top, Breadcrumbs should:

• Render above the sidebar and main content area.
• Use full available width.
• Maintain consistent styling and spacing.

Rationale

• Improves usability for users who frequently keep the sidebar open.
• Prevents visual compression and wrapping issues.
• Maintains readability of long breadcrumb paths.