Iconify Buttons

Registered by Gabriel Hurley on 2012-10-02

Bootstrap includes a good set of icons, and we can both slim down our table header space usage and make things more visually intuitive by using icons on our action buttons instead of text.

The classes are already on the buttons, it mostly just involves writing a little bit of CSS.

Blueprint information

Status:
Complete
Approver:
Gabriel Hurley
Priority:
Low
Drafter:
Gabriel Hurley
Direction:
Approved
Assignee:
Julie Pichon
Definition:
Approved
Series goal:
Accepted for grizzly
Implementation:
Implemented
Milestone target:
milestone icon 2013.1
Started by
Julie Pichon on 2013-01-29
Completed by
Gabriel Hurley on 2013-02-18

Related branches

Sprints

Whiteboard

Bootstrap icons: http://twitter.github.com/bootstrap/base-css.html#icons

[jpichon]
Different variations with the Instances screen:
* All icons: http://i.imgur.com/EiDrWWU.png
* All text + icons: http://i.imgur.com/O7Egimy.png
* Launch icon, other text: http://i.imgur.com/P6uFGss.png

My current impression is that the (+) sign works nicely with Launch/Create type of actions, while losing the text makes buttons like Terminate less clear and less apparently dangerous.

Gerrit topic: https://review.openstack.org/#q,topic:bp/iconify-buttons,n,z

Addressed by: https://review.openstack.org/21207
    Update (some) table actions to use icons instead of text

(?)

Work Items

This blueprint contains Public information 
Everyone can see this information.

Subscribers

No subscribers.