Gaia/Design/BuildingBlocks: Difference between revisions

Jump to navigation Jump to search
Line 232: Line 232:
==Headers==
==Headers==
 
 
* '''Used for:'''
  '''Usage'''
** 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).
** Heading text provides name of current view.
* Heading text provides name of current view.
** 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




 
  '''Downloads'''
----
 
 
 
* '''Downloads:'''
* [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]
478

edits

Navigation menu