1115450 - [Settings] Replace icons for bluetooth devices with icon fonts

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::Settings, defect)

Description

[Arthur Chen [:arthurcc][inactive after 6/30]]

Currently the icons for bluetooth devices are stored under apps/settings/style/images/bluetooth_sprite.png. They should be included in gaia-icons.

Comment 1

[[e-mail]]

ni UX team

Comment 2

[Tiffanie Shakespeare [:tif]]

Hey Fred I think this is more for eng to respond to the location of images in the code than a UX question. Please let me know if I've misunderstood. 

Thanks for pinging the UX team!

Comment 3

[Tiffanie Shakespeare [:tif]]

oops removing NI

Comment 4

[[e-mail]]

Hmm I think we need Visual Designer's assistance (usually Amy or Helen) to provide the integrated sprite image then we could do the engineering part.

It's not an urgent task so take your time.

Comment 5

[Tiffanie Shakespeare [:tif]]

Ahhh ok I see now. Let me ping Patryk in Visual and hopefully he can find someone to help you.

Thanks!

Comment 6

[Patryk Adamczyk [:patryk] UX]

Hey Amy can you have a look and help Fred out? Thanks!

Comment 7

[Amy Lee [:amylee] UX]

(In reply to Patryk Adamczyk [:patryk] UX from comment #6)
> Hey Amy can you have a look and help Fred out? Thanks!

Hi Fred, 

Just wanted to confirm, you need this sprite converted to individual SVG files of the icons correct?

Comment 8

[[e-mail]]

No, I think we wish to expand the current icon set of gaia-icons
http://gaia-components.github.io/gaia-icons/

So the outcome is a unified bigger sprite image for gaia-icon

Comment 9

[Amy Lee [:amylee] UX]

(In reply to Fred Lin [:gasolin] from comment #8)
> No, I think we wish to expand the current icon set of gaia-icons
> http://gaia-components.github.io/gaia-icons/
> 
> So the outcome is a unified bigger sprite image for gaia-icon

Hi Fred, 

So you need a .png sprite @1, @1.5, @2, and @2.25 scale of http://gaia-components.github.io/gaia-icons/ with the addition of the the bluetooth sprites found here https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/style/images/bluetooth_sprite.png

Is this correct?

Comment 10

[[e-mail]]

Correct, and we don't have engineer guy to handle this issue yet, so take your time :)

Comment 11

[[e-mail]]

After double check I saw the sprite image is composed by individual svg icons in https://github.com/gaia-components/gaia-icons

ni wilson about which is the better way to coordinate with designer.

Comment 12

[Wilson Page [:wilsonpage]]

We need separated .svg files (one for each icon) and they need to be checked-in to the `gaia-components/gaia-icons/images/` directory with sensible names. Then we can rebuild the icon-font and stamp a new version for you to use in Gaia.

The goal here is to deprecate the use of .pngs for iconography, so engineering please don't request icon sprites and visual don't give them any :)

Amy can you provide these SVGs?

Comment 13

[Amy Lee [:amylee] UX]

Attachment: bluetooth_SVGs.zip

Hi, 

Attached are the bluetooth icons in svgs. I left out the ones that are already in gaia icons (i.e battery, camera, video, keyboard, wifi, and headphones) Let me know if these work.

Comment 14

[BMO Automation]

Firefox OS is not being worked on