Page MenuHomePhabricator

Standardize and update alert styles on the iOS app
Open, MediumPublic

Description

Why should we do this?

Currently our alerts on the app use different button styles, text styles and hierarchy. It would be helpful to utilize a single consistent styling for each alert type. Additionally, some of our stylings are starting to look a bit out of place with the updated designs in the app. It would be great to take some time to standardize and update the app's user education components.

Fundraising modelUser education modelAlert toastEditing snack barSaved article snack barTooltip
IMG_0775 2.PNG (2×1 px, 829 KB)
IMG_2340.PNG (2×1 px, 372 KB)
IMG_2369.PNG (541×250 px, 58 KB)
IMG_2367.PNG (541×250 px, 223 KB)
IMG_2368.PNG (541×250 px, 521 KB)
IMG_4371.png (667×375 px, 63 KB)

You can find the audit for the above-mentioned education/alert components in this figma file.

Components to be defined
  • Full page overlay
  • Model
  • Toast
  • Snack bar
Proposed designs
Alert toastConfirmation snack barModel
Notification center - Data download - No filters applied - Messages.png (812×375 px, 52 KB)
Coming soonComing soon

Event Timeline