478
edits
Gaia/Design/BuildingBlocks: Difference between revisions
Jump to navigation
Jump to search
→Action Menu
| Line 25: | Line 25: | ||
====Action Menu==== | ====Action Menu==== | ||
| | ||
'''Used for:''' | * '''Used for:''' | ||
* | ** Present a list of actions related to the App content. | ||
| Line 34: | Line 34: | ||
'''Characteristics:''' | * '''Characteristics:''' | ||
* Are opened from buttons within App content. These buttons are often inside Toolbars (eg: Browser's "Share" button). | ** Are opened from buttons within App content. These buttons are often inside Toolbars (eg: Browser's "Share" button). | ||
* Contain 1 or more items. | ** Contain 1 or more items. | ||
* Expand in height to accomodate contents, to a maximum of the screen height, at which point contents scroll. Best practice is to include maximum of 5 items + Title. | ** Expand in height to accomodate contents, to a maximum of the screen height, at which point contents scroll. Best practice is to include maximum of 5 items + Title. | ||
* Title strings are optional. | ** Title strings are optional. | ||
* Are closed by: | ** Are closed by: | ||
** Selecting one of the actions. | *** Selecting one of the actions. | ||
** Pressing "Cancel" button (verbiage TBD) | *** Pressing "Cancel" button (verbiage TBD) | ||
---- | |||
* '''Downloads:''' | |||
** [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/action_menu/index.html Link to CSS in Github] | |||
** [https://mozilla.box.com/shared/static/pe1rz72j954709ndstx1.zip Source PSD (.zip)] | |||
{| | {| | ||
|[[Image:OWD 00 ActionMenu.jpg|Visuals|thumbnail|left|600px]] | |[[Image:OWD 00 ActionMenu.jpg|Visuals|thumbnail|left|600px]] | ||