search

FrancisG-Massey / Capstone2016

4 stars 0 forks source link

Web button colours #216

Closed ZoeUdy closed 7 years ago

ZoeUdy commented 7 years ago

Some buttons (save) are green and others (view volunteers, view catch history etc) are blue - they need to be consistent whether blue or green

sam-hunt commented 7 years ago

I think its fine if they are color-coded based on their function, which sounds like might be the case. Green -> save/accept/select etc Blue -> change view/non-modifying action Red -> cancel/delete etc.

Again though, as long as its consistent across all admin pages.

ZoeUdy commented 7 years ago

Catch History pop-up : change close button to RED Map pop-up : change close button to RED

( I will find a suitable shade )

ZoeUdy commented 7 years ago

Can we try a lighter shade of blue for the blue buttons? (Everywhere on web)

FrancisG-Massey commented 7 years ago

According to this Bootstrap reference guide, it should be as simple as adding the class "btn-danger" to the buttons to make them red.

Overwriting the default colours should just require adding another few lines to the "web.css" file, with the css class name to be overwritten and the desired colour.

MrMJLee commented 7 years ago

What about save button? it is currently in green color.

FrancisG-Massey commented 7 years ago

Green makes sense for "save", as it represents a positive action (as @samhunt0 mentioned a few posts up).

MrMJLee commented 7 years ago

I tried to change the button shapes, and put some effect on when hover on buttons. Will close this issue when u guys are ok with them.

MrMJLee commented 7 years ago

I will close this issue. The shape of the buttons can be always modified. So let me know.