Page MenuHomePhabricator

Fix Heading typeface and padding
Closed, ResolvedPublic1 Estimated Story Points

Description

The problem
H3 and onward heading on android app use Serif fonts.

The change
They should Sans-serif typeface. also the alignment is off.

Note: We fixed this on iOS app.

Platform agnostic spec

Artboard 1 Copy.png (1×3 px, 409 KB)

Artboard 1.png (1×3 px, 542 KB)

Artboard 1 Copy 2.png (1×3 px, 574 KB)

This is the exact diff change in the css we implemented on iOS

Related Objects

StatusSubtypeAssignedTask
InvalidNone
Resolved Mholloway

Event Timeline

Nirzar renamed this task from Fix H3+ to Fix Heading typeface and padding.May 14 2016, 1:09 AM
Nirzar created this task.
Nirzar updated the task description. (Show Details)
Dbrant subscribed.

Change 304801 had a related patch set uploaded (by Mholloway):
Add special header styles

https://gerrit.wikimedia.org/r/304801

Change 304803 had a related patch set uploaded (by Mholloway):
Add special header styles

https://gerrit.wikimedia.org/r/304803

I don't see the below-h2 divider in the iOS app. Is that new?

I don't see the below-h2 divider in the iOS app. Is that new?

Below h2 divider?

Yep, the second screenshot calls for a "very light separator for anchoring the pencil and general separation between H3 and content."

@Mholloway oh my bad. we did not actually do it. it was proposed in the first draft. ignore it for now. good catch.

Cool, thanks @Nirzar, I'll move this over to Code Review then.

Change 304801 merged by jenkins-bot:
Add special header styles

https://gerrit.wikimedia.org/r/304801

Change 304803 merged by jenkins-bot:
Add special header styles

https://gerrit.wikimedia.org/r/304803

This looks great. thanks! the headers are fixed