478
edits
Gaia/Design/BuildingBlocks: Difference between revisions
Jump to navigation
Jump to search
→Banner
(→Banner) |
|||
| Line 103: | Line 103: | ||
== Banner == | == Banner == | ||
| |||
* '''Used for:''' | |||
** Relay information to the user. eg: | |||
*** 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)] | ||
{| | {| | ||