600286 - Style the Log Out link

Status: VERIFIED FIXED

(support.mozilla.org :: Army of Awesome, task)

Description

[William Reynolds [:williamr]]

Log out link needs some styling. This should be a good start. The class "header-button" should be added to the <a> tag for the css below to work.

Let's also change the name of the link/button from "Log out of Twitter" to simply "Log Out"

.header-button a {
-moz-border-radius: 3px;
border-radius: 3px;
background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
/* todo: add webkit gradient property */
border: 1px solid #BBBBBB;
color: #000000;
cursor: default;
float: right;
padding: 3px 8px;
text-align: center;
}

.header-button a:hover {
color: #307FC1;
}

Comment 1

[Alex Buchanan [:abuchanan]]

[custcare 000721d] bug 600286, css, style logout link
 2 files changed, 21 insertions(+), 2 deletions(-)

Great, thanks for the CSS, very helpful.

Comment 2

[Alex Buchanan [:abuchanan]]

http://github.com/jsocol/kitsune/commit/dbe13b7e2ff867ec63b5e61ec41cf9bb529a2b10

Comment 3

[Stephen Donner [:stephend] Not actively reading bugmail]

We "Sign in" now, but "Log out"; shouldn't we be consistent?  Which should it be, William?

Comment 4

[Stephen Donner [:stephend] Not actively reading bugmail]

Comment 3 is at least a separate bug, and this one appears fixed on https://master.support.mozilla.com/en-US/army-of-awesome; verified.