530849 - Update Mobile Search background color

Status: VERIFIED FIXED

(support.mozilla.org :: Mobile, task)

Description

[James Socol [:jsocol, :james]]

Per bug 517627 (see description for link) we need to change the color of the search box on mo.sumo to distinguish it from the desktop site.

Comment 1

[Alex Buchanan [:abuchanan]]

CC'ing Caitlin and David, to work out any design decisions.

We haven't chosen a color yet, I think.  Anyone?

Anything else blocking besides color?

Comment 2

[David Tenser [:djst]]

I defer to jslater/garrity's expertice for the design decisions. As for the copy, I would suggest the same text as for desktop Firefox but adapted to mobile: "Search Firefox Help for Mobile"

Comment 3

[James Socol [:jsocol, :james]]

Neil, as the resident SUMO UI person, any thoughts here?

Comment 4

[Steven Garrity [:sgarrity]]

Anyone have the original photoshop file for that search box background image?

Comment 5

[David Tenser [:djst]]

psd emailed to garrity

Comment 6

[Steven Garrity [:sgarrity]]

Attachment: Updated background images for SUMO mobile search box

Here's a quick hacked-together blue version of the search background box. Background PNGs and photoshop file included.

Comment 7

[David Tenser [:djst]]

The addded "for mobile" part of this graphic makes it impossible to localize. I suggest we remove that part and add the text "Search Firefox Help for Mobile" (replacing the text "Search the Knowledge Base")

Comment 8

[David Tenser [:djst]]

Attachment: Search background without hardcoded en-US text

Here's a GIMP hack of the search background without the hardcoded en-US text. I don't know if GIMP treats colors differently compared to Photoshop, so if this one doesn't look identical, we should wait for Garrety to whip this up in Photoshop.

Comment 9

[Steven Garrity [:sgarrity]]

(In reply to comment #8)
> Here's a GIMP hack of the search background without the hardcoded en-US text. I
> don't know if GIMP treats colors differently compared to Photoshop, so if this
> one doesn't look identical, we should wait for Garrety to whip this up in
> Photoshop.

Looks good.

Comment 10

[David Tenser [:djst]]

Thanks Garrity (not Garrety!) :)

Comment 11

[David Tenser [:djst]]

John pointed out to me that this search background uses the old firefox logo. Steven, could you update it with the new logo instead? My GIMP hackery is probably not suitable for that task.

Comment 12

[John Slater]

Reassigning this to Steven per comment #11...Steven, let us know what you think.

Thanks!

Comment 13

[Steven Garrity [:sgarrity]]

Attachment: Search box background images for SUMO

How did I miss the old logo!? Here's the updated version.

Comment 14

[David Tenser [:djst]]

This looks good. Over to James.

Comment 15

[James Socol [:jsocol, :james]]

r57529.
Taking comment 14 as an r+.

Comment 16

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

I don't (yet) see this using IE 6, but do with Opera 10, Safari 4, Google Chrome, Firefox 3.0/3.5/3.6, and IE 7.

Is(n't) there a specific stylesheet for IE 6?

Comment 17

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

Attachment: Screenshot of IE 6 -- same (old) background color

Comment 18

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

Reopening for comment 16 / comment 17.

Comment 19

[James Socol [:jsocol, :james]]

r57825.
As far as I could tell, the searchbar.png and searchbar-ie6.png files were the same, so I just copied over this new one. It looks just as good in IE6 as it did before.

Comment 20

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

Verified FIXED on http://mobile.support-stage.mozilla.org.