Page MenuHomePhabricator

Step 1: mobile fixes (impact: medium)
Open, MediumPublic

Description

We need to adapt the mobile screens to make them more user friendly and system compliant (right margins, spacing, type) :)

MOCKS
main screen

SPECS

Mobile font (headings): size: 16px; line-height: 24px; weight: 700
Mobile font (body): size: 16px; line-height: 24px
Mobile font (descriptions): size: 14px; line-height: 22px

Header height: 48px
Input fields: 40px
Close icon size: 20px
Close button size: 46 x 46 px (100% of header height)

Vertical spacing unit: 8px
Horizontal margins: 24px

Find more specs and mobile screens in this Figma artboard.

Event Timeline

Restricted Application added a project: Wikidata. · View Herald TranscriptThu, Nov 28, 3:03 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Charlie_WMDE updated the task description. (Show Details)Thu, Nov 28, 3:28 PM
Restricted Application added a subscriber: Masumrezarock100. · View Herald TranscriptThu, Nov 28, 3:28 PM
Charlie_WMDE removed Sarai-WMDE as the assignee of this task.Tue, Dec 3, 10:08 AM
Charlie_WMDE updated the task description. (Show Details)
Charlie_WMDE moved this task from Needs work to Ready to estimate on the Wikidata-Bridge board.
Charlie_WMDE added a subscriber: Sarai-WMDE.
Charlie_WMDE updated the task description. (Show Details)Tue, Dec 3, 2:21 PM
Charlie_WMDE updated the task description. (Show Details)Tue, Dec 3, 2:54 PM
Charlie_WMDE updated the task description. (Show Details)Tue, Dec 3, 2:56 PM
Charlie_WMDE renamed this task from mobile mock updates to mobile mock fixes.Tue, Dec 3, 2:59 PM
Sarai-WMDE updated the task description. (Show Details)Tue, Dec 3, 4:24 PM
Sarai-WMDE moved this task from Needs work to Ready to estimate on the Wikidata-Bridge board.
Lydia_Pintscher renamed this task from mobile mock fixes to Step 1: mobile mock fixes.Thu, Dec 5, 1:08 PM
Sarai-WMDE renamed this task from Step 1: mobile mock fixes to Step 1: mobile fixes.Thu, Dec 5, 3:52 PM
Sarai-WMDE updated the task description. (Show Details)

The nature of this ticket is, counter to what was agreed when this product was kicked-off, the archetype of the opposite of "responsive development".
Consequently I assume that this is a one-off compensation for oversight in specification so far, but that we can expect stories to contain specification for the new components at all planned viewports from now on.

I'd like us, with this newly found knowledge, to give upcoming stories a hard look during story time, possibly even looking at the already estimated ones again.

/cc @Lydia_Pintscher @darthmon_wmde @WMDE-leszek
FYI @Jakob_WMDE

Lydia_Pintscher triaged this task as Medium priority.Sun, Dec 8, 11:48 AM
Lydia_Pintscher renamed this task from Step 1: mobile fixes to Step 1: mobile fixes (impact: medium).Sun, Dec 8, 1:20 PM