Standardize Button Treatment Across the Commons
This grew out of talk around a request to change a button in another ticket (http://redmine.gc.cuny.edu/issues/665). After doing a deal of looking around and cataloging I found our button treatment is mostly consistent but could use improving in places.
The purpose of the ticket is to have a discussion on what the standard button(s), most likely there will be 2 or 3 types, should look like.
I don't have a lot of suggestions at this point. I want to bring to light what's out there and start the discussion. There are so many buttons it's too much to talk about here so I made this page:
I also printed that as a PDF which is attached in case you want to write comments directly on the document or take it offline (not perfect but it came out OK).
#1 Updated by Matt Gold almost 11 years ago
- Category name set to Upgrades
- Status changed from New to Assigned
- Assignee set to Chris Stein
- Target version set to 1.4
Fantastic analytical work, Chris. Thanks so much for putting this document together. Boy, were we ever right to have you focus on usability issues!! Thanks so much for your work. Looking forward to the discussion.
#2 Updated by Boone Gorges over 10 years ago
Thanks for making this document, Chris.
I will note, for now, that many of the inconsistencies noted here derive directly from the fact that our theme is a child theme of bp-default, from which it inherits many of its button(ish) styles. In BP 1.5's version of bp-default, several of the noted inconsistencies have been fixed (activity stream links have been normalized, arrows have been removed from buttons, and a few other things). So it will be worth having a closer look when we inherit some of these changes after upgrading to the newest version of BP.
#4 Updated by Chris Stein about 10 years ago
Sounds good. I'm thinking we might first get a list of the different things that buttons do and then we can look at making a set of styles similar to how Bootstrap does it: http://twitter.github.com/bootstrap/base-css.html#buttons