Page MenuHomePhabricator

Introduce quick 'outline' navigation through On this day events
Open, Needs TriagePublic

Description

Background

This is a proposed enhancement to the original task of adding 'On this day' to the feed (see T175995).

User story

As a frequent reader of 'On this day', I want a fast way to navigate through the entire list of events.

Proposed solution

Allow user a faster way to navigate through events with an 'outline' scroller control.

  • Design details
    • Outline scroller indicator peeks when the user makes a contact with the content area the event details screen.
      • The indicator will move down the screen as the user scrolls up or down; remaining on the RHS edge.
    • Outline control is more discoverable and accessible as it will open when the user either:
      • (i) Swipes left; or
      • (ii) Long presses / drags on the TOC scroller.
    • Outline closes when the user swipes right or taps outside of it; or once a year is selected.
    • Outline and scroller:
      • the ‘active’ section text heading is in Accent50
      • When the scrobbler component is dragged, the page content is scrolled to match the active blue year section on the outline.
      • There is parallax scrolling on the outline contents so that active scrolling to the section of the content visible below is possible.

    Note: This is akin to the outline tool available in Google Docs https://gsuiteupdates.googleblog.com/2016/03/navigate-documents-quickly-and-easily.html and has also been proposed for the article view of the apps on T165964: Dynamic scrollable Table of contents (TOC) on Articles