1166532 - [Notifications][Captive Portal] Wi-Fi icon is hard to see against the gray background on notification tray

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::System::Status bar, Utility tray, Notification, defect)

Description

[Yeojin Chung [:YeojinC]]

Attachment: GrayIcon.png

Description:
The outline of the wi-fi icon on the notification tray is difficult to see as the color is similar to the background. This makes the icon looks like there is no circular outline around the blue wi-fi symbol.

Repro Steps:
1) Update a Flame to 20150519010201.
2) Go to Settings -> Wifi and connect to an open Wifi connection that uses a Captive Portal.
3) Pull down the notification.


Actual:
The outline of the icon (blue Wi-Fi symbol inside the gray circle) is difficult to see as the color of the icon is similar to the background of the notification tray. 

Expected:
The whole Wi-Fi icon is easily distinguished from the notification tray.

Environmental Variables:
Device: Flame 3.0 (KK, 319mb, full flash)
Build ID: 20150519010201
Gaia: 762cbd16712484f93f485e89f5363686540a3db7
Gecko: f65cc0022a0e
Gonk: 040bb1e9ac8a5b6dd756fdd696aa37a8868b5c67
Version: 41.0a1 (3.0)
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:41.0) Gecko/41.0 Firefox/41.0


Repro frequency: 7/7
See attached: Screenshot

Comment 1

[Yeojin Chung [:YeojinC]]

This issue also reproduces on Flame 2.2 and 2.1.

Result: The outline of the icon (blue Wi-Fi symbol inside the gray circle) is difficult to see as the color of the icon is similar to the background of the notification tray. 

Environmental Variables:
Device: Flame 2.2 (KK, 319mb, full flash)
Build ID: 20150519002500
Gaia: 732acec6f37d13ccea6b0ddc48904a53a2970894
Gecko: 1389e6b8c065
Gonk: bd9cb3af2a0354577a6903917bc826489050b40d
Version: 37.0 (2.2)
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:37.0) Gecko/37.0 Firefox/37.0


Environmental Variables:
Device: Flame 2.1 (KK, 319mb, full flash)
Build ID: 20150519001201
Gaia: c80865cb0bf73f1b97defbc646083b404feb3ac4
Gecko: 062ac5cbb41e
Gonk: bd9cb3af2a0354577a6903917bc826489050b40d
Version: 34.0 (2.1)
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:34.0) Gecko/34.0 Firefox/34.0

=========================================
On 2.0, the background color of the notification tray is darker than the later versions, so it is easy to see the outline of the icon. However, the background of the notification banner is gray, which makes it hard to distinguish the outline.

Build ID: 20150519000200
Gaia: 84898cadf28b1a1fcd03b726cff658de470282f0
Gecko: dfbc40a83b75
Gonk: bd9cb3af2a0354577a6903917bc826489050b40d
Version: 32.0 (2.0)
Firmware Version: v18D-1
User Agent: Mozilla/5.0 (Mobile; rv:32.0) Gecko/32.0 Firefox/32.0

Comment 2

[Yeojin Chung [:YeojinC]]

Attachment: 2.0.png

Comment 3

[Stephany Wilkes]

Flagging Carol. This has come up before.

Comment 4

[Carol Huang [:Carol]]

Hi Eric,
Can you take a look at this bug? Thanks :)

Comment 5

[Eric Pang [:epang] UX]

Thanks Carol for flagging me. I think this is a good opportunity to check/update all the toast/tray icons.

Yeojin, is there a way to get a list of all icons that appear in the notification tray/toasts?  Is there a folder on gaia that contains them all?  I want to take a look at all of them together and update the styling so they are all consistent. Thanks!  

Leaving ni on myself to keep track of this bug.

Comment 6

[BMO Automation]

Firefox OS is not being worked on