478
edits
Gaia/Design/BuildingBlocks: Difference between revisions
→Banner
(→Banner) |
|||
| Line 88: | Line 88: | ||
== Banner == | == Banner == | ||
| | ||
'''Used for:''' Relay information to the user. | |||
** Confirm a user action | |||
** Alert to a system event | |||
'''Characteristics:''' | |||
* Most common used after Multi-Select edit, to confirm user action, and optional provide "Undo" input. eg: | |||
** Deleting multiple photos from (Gallery) | |||
** Deleting multiple emails (Email) | |||
** Moving multiple emails (Email) | |||
* Are positioned at the bottom of screen, covering underlying content. | |||
* Appear for X seconds then automatically disappear. | |||
* Can include an input, eg: "Undo" (optional) | |||
* Can include an image (optional) | |||
* Can either be part of an App (eg: a "photos deleted" Banner is associated with the Gallery app) or the System (eg: a "Low Battery" alert). | |||
* Ideally would be designed to prevent two Banner appearing simultaneously (eg: If two Banner appear at same time, newer replaces older). | |||
'''Downloads:''' | |||
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/status.css Link to CSS in Github] | * [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/status.css Link to CSS in Github] | ||
* [https://mozilla.box.com/shared/static/wd27pvbvefct1rphsmad.zip Source PSD (.zip)] | * [https://mozilla.box.com/shared/static/wd27pvbvefct1rphsmad.zip Source PSD (.zip)] | ||