Gaia/Design/BuildingBlocks: Difference between revisions

Jump to navigation Jump to search
Line 441: Line 441:
==Tool Bar==
==Tool Bar==


'''Used for:'''
  '''Usage'''
   
  * Contains actions, indicators, and navigation associated with the current view.
* Contains actions, indicators, and navigation associated with the current view. eg:
** Delete selected items (button)
** Delete selected items (button)
** Refresh content (button)
** Refresh content (button)
Line 449: Line 448:
** View “Favorite” contacts only (filter)
** View “Favorite” contacts only (filter)


'''Characteristics:'''


  '''Characteristics'''
* 100% width. Fixed height.
* 100% width. Fixed height.
* Does not scroll with content. Floats above.
* Does not scroll with content. Floats above.
Line 456: Line 455:
* Can contain various elements (buttons, filters, progress/activity indicators, etc).
* Can contain various elements (buttons, filters, progress/activity indicators, etc).


  '''Downloads'''
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style_unstable/toolbars/index.html Link to CSS in Github]
* [https://github.com/mozilla-b2g/gaia/blob/master/shared/style_unstable/toolbars/index.html Link to CSS in Github]
* [https://www.dropbox.com/s/pr6kpuf0rvbdrla/OWD_Tool_Bar.psd Link to source PSD in Dropbox]
* [https://www.dropbox.com/s/pr6kpuf0rvbdrla/OWD_Tool_Bar.psd Link to source PSD in Dropbox]


{|
{|
478

edits

Navigation menu