1533862 - [UX] Icon assets for "about:config"

Status: RESOLVED FIXED

(Toolkit :: Preferences, enhancement, P3)

Description

[:Paolo Amadini]

As shown in bug 1533856, we need to make sure we have 16x16 glyphs for Pen, Undo, Trash, Check, Plus, and a new Toggle icon.

A few of these icons may be available in the browser theme already, but most aren't. There may be similar ones available at a different size, but we need proper glyphs with Photon line widths.

We also can't reference similar icons from system add-ons, even if they are already in the tree and distributed.

Comment 1

[Markus Jaritz [:designakt] (UX)]

Attachment: toggle-icon-draft.png

missing icon: Toggle
should be based on arrows pointing left and right (see attachment)

Eric, please help make this toggle icon match other photon icons.
(when you find some time between Trailhead projects, no rush)

existing icons: Pen, Undo, Trash, Check, Plus

Comment 2

[Tim Nguyen :ntim]

Attachment: toggle.svg

I made this icon based on the draft you published. But honestly, I do think that text or an actual toggle would represent this action better than an icon. Sort of like the mockup here: https://kammueller.github.io/new-config/index.html

Comment 3

[Tim Nguyen :ntim]

Comment on attachment 9064300 [details]
toggle.svg

-

Comment 4

[Markus Jaritz [:designakt] (UX)]

(In reply to Tim Nguyen :ntim from comment #2)

Created attachment 9064300 [details]
toggle.svg

looks good, but I am not the right person to judge if this style is ok. Let's wait for Eric's opinion for that.

I made this icon based on the draft you published. But honestly, I do think that text or an actual toggle would represent this action better than an icon. Sort of like the mockup here: https://kammueller.github.io/new-config/index.html

The goal was to simplify a UI made for experts, that can have some learning curve, not have it be best represented. Problem with an actual toggle is that it would need to go on the beginning of the line, and text has different length per language and this takes up more space.

Comment 5

[Eric Pang [:epang] UX]

Attachment: toggle.svg

I've attached an updated toggle icon photon line widths. Please let me know if anything else is needed, thanks!

Comment 6

[:Paolo Amadini]

It seems from bug 1533863 that we now have all the required icon assets.