Page MenuHomePhabricator

Update Interaction Timeline Visual Style to match Wikimedia Design Style Guide
Open, NormalPublic

Description

Colors

https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less
borrow the color variables from here

Typography

change the fontstack to
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Lato, Helvetica Neue, Helvetica, Arial, sans-serif;

Shapes

border-radius variable set at 2px - this is also in the base.less up there

Event Timeline

Nirzar triaged this task as Normal priority.Mar 1 2018, 8:56 PM
Nirzar created this task.

Hi @Prtksxna — we're seeing that the build is now failing. Also, let's get some screenshots so we can discuss the changes.

Volker_E renamed this task from Update Visual Style to match Wikimedia UI style guide to Update Visual Style to match Wikimedia Design Style Guide.Feb 20 2019, 3:05 AM
Volker_E updated the task description. (Show Details)
TBolliger renamed this task from Update Visual Style to match Wikimedia Design Style Guide to Update Interaction Timeline Visual Style to match Wikimedia Design Style Guide.Feb 20 2019, 9:24 PM

I'm happy with the design in the attached screenshot, as long as Prateek and the rest of AHT can get the build to pass.

alexhollender removed Nirzar as the assignee of this task.May 22 2019, 2:02 AM
alexhollender moved this task from Needs analysis to Queue on the Readers-Web-Backlog (Design) board.
alexhollender added a subscriber: alexhollender.

@Prtksxna @dbarratt any idea if there is additional design required here? Also if y'all are tracking it on your Anti-Harassment board I might remove it from here anyways.

@Prtksxna @dbarratt any idea if there is additional design required here? Also if y'all are tracking it on your Anti-Harassment board I might remove it from here anyways.

I don't think there is any additional design required at the moment. Thanks!