Gaia/Design/BuildingBlocks: Difference between revisions

Jump to navigation Jump to search
Line 206: Line 206:


'''Used for:'''
'''Used for:'''
* Labeling the active view.
* Labeling the active view.
* Providing top-level navigation and inputs for the active view.
* Providing top-level navigation and inputs for the active view.


'''Characteristics:'''
'''Characteristics:'''
* Horizontal full width bar that appears at top of screen in most apps
* Horizontal full width bar that appears at top of screen in most apps
* Floats above content, with option to flow with content in some rare cases (eg: Browser).
* Floats above content, with option to flow with content in some rare cases (eg: Browser).
Line 217: Line 216:
* Optional: heading text string can include text (eg: current unread email count)
* Optional: heading text string can include text (eg: current unread email count)
* Present in most applications
* Present in most applications


* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/headers.css Link to "Headers" CSS in Github]
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/headers.css Link to "Headers" CSS in Github]
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/edit_mode.css Link to "Edit Mode" CSS in Github]
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style/edit_mode.css Link to "Edit Mode" CSS in Github]
* [https://www.dropbox.com/s/h4yote6eyytqca3/OWD_Headers.psd Link to Source PSD in Dropbox ]
* [https://mozilla.box.com/shared/static/kam6adtaxqq133aepot3.zip Source PSD (.zip)]


{|
{|
478

edits

Navigation menu