Skip to content

Table of Contents is not obviously scrollable on mobile #1799

@matthewjustice

Description

@matthewjustice

The table of contents, when viewed on a mobile device, isn't clearly scrollable. For example, in SDC Tools, Sprint 3, there are 5 topics, but only 4 are visible. It isn't clear from the UI that the c-toc section has additional content or that it can be scrolled. To be clear, it can be scrolled, but it isn't obvious.

Image

What is wrong with this content?
This is a usability / discoverability issue for users.

How could this be fixed?
Some possible solutions:

  • Partial content cut off: show part of the next line of text
  • Faded content at the bottom of the section
  • An always visible scrollbar
  • A scroll indicator icon

Link to content
SDC Tools, Sprint 3 is an example, but it could happen elsewhere:
https://sdc.codeyourfuture.io/tools/sprints/3/prep/

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions