Skip to content

Navigation - Move breadcrumbs to content area

The breadcrumbs move from the top bar next to the Tanuki to a new bar in the content area.

There are two levels to the breadcrumbs:

  • Global breadcrumbs: They start with the GitLab instance itself and show the path to the current project, group, user, etc.

  • Contextual breadcrumbs: #34030 (closed)

navigation__breadcrumbs

The buttons that we currently display in the top-right corner of many pages move to this breadcrumbs bar. #34033 (closed)

When the path is too long to show, we clip it with an ellipsis button. Clicking it expands the full path, taking up the space occupied by the contextual breadcrumbs.

navigation__breadcrumbs--clipping

When scrolling, the breadcrumbs scroll away with the content, while the top bar and the sidebar remain fixed

navigation-scrolling

Resources

Specs

Meta issue #32794 (closed) - Global and Contextual Navigation

Edited by Chris Peressini