Page MenuHomePhabricator

Mobile homepage: Start preview style issues
Open, Needs TriagePublic

Description

Follow up from T239442: Homepage: restyling of modules and preview cards on Mobile

a. Expected Icons are 20x20 inside 32x32px icons
Actual: icons are smaller and inside smaller icons

b. Expected ~8px more space between icons and labels

c. Expected only 4px space between bullet list icon and (check mark or dot) and text
Actual bullet icon is ~8px more than expected. 

d. Expected ~4px more space between first and second line of bullet list items

e. Expected another ~10px more space between bottom of start module preview and last bullet list item

f. Text colour of items when completed should be Green30

Event Timeline

RHo created this task.Feb 27 2020, 1:46 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 27 2020, 1:46 PM
RHo updated the task description. (Show Details)Feb 27 2020, 1:47 PM
RHo updated the task description. (Show Details)

@RHo identified that the following points presently still have issues on Mobile. I've updated the task description with a point about Green30 color for completed tasks.

The screenshot is from testwiki wmf.31

  • Text colour of items when completed should be Green30
  • There should be 8px padding between icons and list items
  • There should be 16px padding between list items and bottom of module
  • There should be less space between the checkmark bullet and the list item text

For the reference on UI details - T239442: Homepage: restyling of modules and preview cards on Mobile.

Etonkovidova updated the task description. (Show Details)May 6 2020, 5:19 PM