Skip to content

Super sidebar toggle placement when collapsed

Description

When the super sidebar is collapsed on XL screens and fixed-width layouts the toggle button is in the top-left corner of the screen.

As the user scrolls it does not follow them down the screen, instead the user needs to scroll to the top of the viewport to view the toggle button.

Implementation notes:

  1. The toggle button is within the breadcrumbs for fluid-width and/or small screens
  2. Issues and MRs have a sticky header which follows the user as they scroll (see: !112643 (merged) and screenshots below)
  3. Alerts, maintenance mode, and broadcast message content is presented above breadcrumbs (previous discussions !112564 (comment 1286803791) and !110868 (comment 1269502429))

Screenshots

Top Scrolled
127.0.0.1_3000_twitter_Typeahead.Js_-_issues_34 127.0.0.1_3000_twitter_Typeahead.Js_-issues_34__1

Previous discussions

From: !112564 (closed) (closed)

This fixes the collapsed state toggle button to the top of the viewport instead of the top of the page. Previously, if you collapsed the navigation, you would have to scroll to the top of the page to open it back up. This fixes it to the viewport so it stays with you as you scroll down the page.

From: !112643 (merged)

When the header sticks and the super sidebar is collapsed, you need to scroll back to the top of the page for the toggle button to be visible. This makes it hard to re-open the super sidebar on issue/MR pages.

Edited by Scott de Jonge