[UX] Firefox Hello 35 - New Icons

RESOLVED FIXED

Status

()

Firefox
General
RESOLVED FIXED
3 years ago
3 years ago

People

(Reporter: darrin, Assigned: mmaslaney)

Tracking

unspecified
x86
Mac OS X
Points:
5
Bug Flags:
firefox-backlog +
qe-verify -

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [ux])

Attachments

(3 attachments)

(Reporter)

Description

3 years ago
We need some new SVG icons for our rooms/35 iteration of Firefox Hello (reference http://people.mozilla.org/~dhenein/loop/rooms/):

- close/x button (see FTE panel with ToS + co-branding)
- copy and trash icons for Current Conversations list (white icons, we will place on colored background)
- tour icon for cog menu
- help icon for cog menu
(Reporter)

Comment 1

3 years ago
(In reply to Darrin Henein [:darrin] from comment #0)
> We need some new SVG icons for our rooms/35 iteration of Firefox Hello
> (reference http://people.mozilla.org/~dhenein/loop/rooms/):
> 
> - close/x button (see FTE panel with ToS + co-branding)
> - copy and trash icons for Current Conversations list (white icons, we will
> place on colored background)
+ checkmark in same size, for successful copy action
Hi Michael, can you provide a point value.
Assignee: nobody → mmaslaney
Status: NEW → ASSIGNED
Iteration: --- → 35.3
Flags: qe-verify-
Flags: needinfo?(mmaslaney)
Flags: firefox-backlog+
Whiteboard: [ux]
Point value: 5
Flags: needinfo?(mmaslaney)

Updated

3 years ago
Points: --- → 5
Created attachment 8501991 [details]
Hello_newIcons.zip

New icons attached. 

Pinging Darrin for a UI review.
Flags: needinfo?(dhenein)
Status: ASSIGNED → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → FIXED
(Reporter)

Comment 5

3 years ago
The icons in the spec are colored, these are black. Can someone from front-end indicate if they'd prefer colored icons, or if we can recolor the svg at runtime.
Flags: needinfo?(dhenein) → needinfo?(standard8)
(In reply to Darrin Henein [:darrin] from comment #5)
> The icons in the spec are colored, these are black. Can someone from
> front-end indicate if they'd prefer colored icons, or if we can recolor the
> svg at runtime.

Dan or Mike can probably answer this.
Flags: needinfo?(standard8) → needinfo?(dmose)
The funny thing is, these icons are already colored, they actually use an extremely specific shade of black: rgb(35, 31, 32).  Instead of overriding it, which is more CSS to maintain, it seems like having the icons specify the color they actually want is the best way to go.
Flags: needinfo?(dmose)
(Reporter)

Comment 8

3 years ago
Roger. Michael, can you re-attach the icons in the colors specified in the mockup? Thanks!
Flags: needinfo?(mmaslaney)
Created attachment 8505492 [details]
Hello_newIcons_v2.zip

Updated icons Attached
Flags: needinfo?(mmaslaney)
(Reporter)

Comment 10

3 years ago
The only one I see missing is a blue circle (like copy) but with the check mark in it (try clicking the copy button at http://people.mozilla.org/~dhenein/loop/rooms/room-hover.html)
Flags: needinfo?(mmaslaney)
Created attachment 8505514 [details]
Hello_newIcons_v3.zip

Updated
Flags: needinfo?(mmaslaney)

Updated

3 years ago
Blocks: 1074674
You need to log in before you can comment on or make changes to this bug.