Why are we doing this
We've received some user feedback around the lack of hierarchy in the new TOC and as @RHo had already designed mocks that included section hierarchy, now seems like a good time to implement these designs.
History
This was discussed in https://phabricator.wikimedia.org/T165964#4715285
User story
As a user of the Android app I want to be able to see section hierarchy reflected in the TOC
Mocks
Zeplin: https://zpl.io/a3qD66W | Zeplin: https://zpl.io/aRY0vNE |
Design details
Header style | Font | Size | Default | Dark | Black |
---|---|---|---|---|---|
H1 (Article title) | Droid Serif | 24pts | Base0 | Base100 | Base100 |
H2 | Droid Serif | 18pts | Base0 | Base100 | Base100 |
H3 and below | Roboto | 14pts | Base10 | Base90 | Base90 |