Change Details

===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 | {F27220348 width=220} | {F27220351 width=220} |Zeplin: https://zpl.io/a3qD66W | Zeplin: https://zpl.io/aRY0vNE ===Design details | Header style | Font | Size | --- | --- | --- | `H1` (Article title) | Droid Serif | 24pts | `H2` | Droid Serif | 16pts | `H3` and below | Roboto | 14pts

===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 | {F27220348 width=220} | {F27220351 width=220} |Zeplin: https://zpl.io/a3qD66W | Zeplin: https://zpl.io/aRY0vNE ===Design details | Header style | Font | Size | Unselected color | --- | --- | --- | `H1` (Article title) | Droid Serif | 24pts | Black | `H2` | Droid Serif | 18pts | Black | `H3` and below | Roboto | 14pts | Grey

===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 | {F27220348 width=220} | {F27220351 width=220} |Zeplin: https://zpl.io/a3qD66W | Zeplin: https://zpl.io/aRY0vNE ===Design details | Header style | Font | Size | Unselected color | --- | --- | --- | `H1` (Article title) | Droid Serif | 24pts | Black | `H2` | Droid Serif | 16pts | `H3` and below | Roboto | 14pts18pts | Black | `H3` and below | Roboto | 14pts | Grey