600695 - Background gradients don't display correctly in WebKit

Status: VERIFIED FIXED

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

Description

[William Reynolds [:williamr]]

Attachment: cancel, sign in, and refresh buttons

Similar to bug 600130. The gradient background property for these elements doesn't exist in WebKit browsers. We only use -moz-linear-gradient and we should also use -webkit-gradient for styling these:

- Refresh button
- Sign out button (when signed in)
- Twitter dialog: Cancel and Sign in buttons
- Submit button (on reply dialog)

attaching some screenshots

Comment 1

[William Reynolds [:williamr]]

Attachment: submit button

Comment 2

[William Reynolds [:williamr]]

Attachment: sign out button

Comment 3

[William Reynolds [:williamr]]

Attachment: reply background

This issue also exists with the blue background in the reply dialog

Comment 4

[Fred Wenzel [:wenzel]]

I gave it some Webkit CSS love: http://github.com/fwenzel/kitsune/commit/03e74fb816dc87cf9ee9fe3f734fbc2aac0f3b1a

(For the record, the webkit gradient syntax is so much more complicated and wordy :( )

Am I supposed to push any of this to master?

Comment 6

[William Reynolds [:williamr]]

Verified FIXED on WebKit using Chrome 6