Page MenuHomePhabricator

Enable sticky header at all screen-widths
Open, MediumPublicFeature

Description

Feature summary (what you would like to be able to do and where):

In skins with a sticky header, specifically Vector 2022, I'd like the header to be on all pages, at all screen widths.
The toolbar could compress what icons appear at narrower sizes, but should always include search-icon / title / user-dropdown menu .

Use case(s) (list the steps that you performed to discover that problem, and describe the actual underlying problem which you want to solve. Do not describe only a solution):

Currently at medium and small screen widths, if the screen is narrow enough for the sidebars to be automatically hidden (at the point where about 40 characters of the title are visible in the sticky header), the sticky header also stops being shown when scrolling down a page.

I'd like to always have the context of the page title, and access to basic tools in the header (search, core dropdowns) without having to realize they're somewhere else on the page and navigating back there. I also want a consistent experience for myself or others I'm helping regardless of their [screen width + zoom size], a very tricky thing to even describe to someone else.

Benefits (why should this be implemented?):

  • Consistency: Maintains the same experience across browsers, devices, zoom levels, system font settings. Small changes of window size won't cause large changes in layout.
  • Muscle memory: I'd like the most basic features (search, core menus) to remain in roughly the same place on the screen.
  • Ease of use: one-click access to common functions