Page MenuHomePhabricator

Modify the annoucements cards to accommodate an optional negative/cancel button.
Closed, ResolvedPublic

Description

Why are we doing this?

The improved API allows us to specify a "negative" button. If this string is provided the card should show both the positive action and the negative action. If no negative action is provided only the positive action should be shown (as now).

This ticket is for any required visual design changes.

Proposed solution

  • Update the card to have two smaller buttons, rather than one large button and a text link
  • Update image size to match new card design
  • Left align text to match updated feed
  • Updated button style to match iOS 11 styles
  • If the button text for either button is over 30 characters each button should be moved to its own line with the CTA button on top and the cancel button below it
  • Each card should include header text, in the future a unique title and a subtitle of 'New feature' for now we can use the copy from this ticket

Copy

Placeholder copy

TitleSubtitle
New featureCustomize your experience

Proposed design

DefaultLong string
image.png (1×750 px, 129 KB)
Annoucement card, long CTA - 2018.png (1×750 px, 131 KB)
Zeplin: https://zpl.io/bPYmRvkZeplin:https://zpl.io/b6MLwBq

Event Timeline

JMinor triaged this task as Medium priority.
JMinor lowered the priority of this task from Medium to Low.
LGoto renamed this task from Modify the annoucments cards to accomodate an optional negative/cancel button. to Modify the annoucements cards to accommodate an optional negative/cancel button..May 17 2018, 9:37 PM
Vvjjkkii renamed this task from Modify the annoucements cards to accommodate an optional negative/cancel button. to ctcaaaaaaa.Jul 1 2018, 1:09 AM
Vvjjkkii raised the priority of this task from Low to High.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
CommunityTechBot renamed this task from ctcaaaaaaa to Modify the annoucements cards to accommodate an optional negative/cancel button..Jul 2 2018, 1:29 PM
CommunityTechBot lowered the priority of this task from High to Low.
CommunityTechBot updated the task description. (Show Details)
CommunityTechBot added a subscriber: Aklapper.