Page MenuHomePhabricator

Newcomer tasks: Display article cards with more information when the Suggested edits module is wide
Open, Needs TriagePublic

Description

This is a proposed enhancement for a wider article card design when the Suggested edits module is wide.
Besides the visual improvement, it also allows users to read more of the page extract to potentially help with deciding whether they want to choose that task.

Proposed design:

Note this presupposes that the layout changes T258005 and Suggested edits amendments (on task T258704) for variant C & D have been completed.
The proposal is to add a wider card format for when the Suggested edits module tends to become wider than 600px, which is in the two layouts: (a) Narrow homepage layout (where the SE module is between 600-800px), and (b) Wide homepage (where the SE module is around 680px or wider).

Wider card
Compared to the normal card

Mock in Zeplin

Prototype with example css for applying media queries to achieve the wider card: https://codepen.io/reets/pen/qBbvovg?editors=1100

Event Timeline

RHo updated the task description. (Show Details)
RHo renamed this task from Newcomer tasks: Article cards should be responsive to Newcomer tasks: Display article cards with more information when the Suggested edits module is wide.Jul 24 2020, 2:20 PM
RHo updated the task description. (Show Details)