Make our toasts mobile friendly

Description

We need a design solution to fix our inline notifications on mobile. These were modeled on Material Design Snackbar which has good examples of what to do / not to do. Specifically we need to figure out:

  • Is our snackbar the best control to use

  • Action styling (strong link vs button)

  • How to deal with multiple actions (case that goes outside material specifications)

  • How mobile changes affect desktop snackbars

Issue:

 

Environment

None

Activity

Show:
Stockard Simon
March 3, 2021, 6:16 PM

I second that. Looks great!

Ljubomir Bradic
March 3, 2021, 2:31 AM

Yup, I fully agree.

Jay Hodgson
March 3, 2021, 12:53 AM
Edited

Recommend we also update cookie banner and bootstrap alert styles on other portals too.

This includes customizing the background color of the bootstrap info alert to be based on the current portal themed primary action color.

Examples:

Jay Hodgson
March 2, 2021, 9:59 PM

: Could you keep an eye out for alerts on staging next week (348)? This has widespread effects across synapse.org, so it’s possible that I missed an edge case.

Jay Hodgson
March 2, 2021, 9:56 PM

Fixed

Assignee

Jay Hodgson

Reporter

Ljubomir Bradic

Validator

Stockard Simon

Priority

Major

Labels

Development Area

None

Sprint

None

Fix versions

Release Version History

None

Story Points

None

Slack Channel

None