Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-32281 NYU skin changes targeted for Sakai 12
  3. SAK-32419

Provide a subtle background behind header for momentum scrolling on desktop

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 11.3
    • Fix Version/s: None
    • Labels:
    • Environment:
      Chrome/Safari

      Description

      Thanks to momentum-based scrolling, it's possible to "pull" the fixed header down when you're scrolled to the top of the screen. Because the background behind the header is pure white, the appearance of this background can be jarring, especially when scrolling rapidly (see SAK-32366).

      To remedy this, we can take the approach used by many modern apps (see Facebook, Confluence, JIRA, etc), and make this background a subtle shade of grey. Perhaps, to match the favorites menu / left menu, #FAFAFA?

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                kyle.blythe Kyle Blythe
              • Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Git Source Code