Update toast design to match MD spec

fix(toast): update toast design to match MD spec (#16323)
Update toast design to match MD specfixupdate toast design match spec

Committed by brandyscarney

commit message
fix(toast): update toast design to match MD spec (#16323)

Updates the Material Design Toast to closer match the spec: https://material.io/design/components/snackbars.html
 
- Updates the animation to use opacity, not translate
- Updates design with the right background, box-shadow, etc.
- Fixes the broken position middle of toast and updates e2e test to include this
- Allows for line breaks to be passed in the message
 
fixes #16271

Editor assessment

The subject states the goal plainly: the toast design is updated to match the Material Design spec. The body then teaches with real substance: it links the spec, and itemizes the animation shift from translate to opacity, the corrected background and shadow, the repaired middle positioning with e2e coverage, and support for line breaks in the message. That is a reader-serving inventory, not a diff dump. fix(toast) is accurate, the scope exact, and 'fixes #16271' well-formed. An exemplar for a visual-rework message.

Browse categories

More fix examples · Back to search