Last modified: 2014-11-18 22:30:02 UTC
Created attachment 12765 [details] Echo and ULS side by side English Wikipedia and some other wikis now have both Universal Language Selector and Echo. These two extensions, as well as a default enwiki gadget for displaying references in a tooltip, each use a slightly different "gear" icon to link to preferences. We should pick one and standardize on it.
Created attachment 12766 [details] ULS and references gadget side by side
BTW, I filed this under Echo because I didn't quite know how to file a design bug that applied to multiple extensions and a gadget. Please advise.
I'd prefer we go with the one from the echo prefs its the simplest of all of them. however it doesn't look like it is an SVG (when I zoom on my retina macbook it gets very blurry) The language tools prefs is a close second but looks like it may be an SVG (but clipped at the bottom) lets either use one of those two or redraw an svg version of the echo prefs one. May can take a look and see if she need to clean up any of the angles or edges to be in-line with the other icons shes'd done thus far.
(In reply to comment #3) > I'd prefer we go with the one from the echo prefs its the simplest of all of > them. however it doesn't look like it is an SVG (when I zoom on my retina > macbook it gets very blurry) The language tools prefs is a close second but > looks like it may be an SVG (but clipped at the bottom) lets either use one > of > those two or redraw an svg version of the echo prefs one. May can take a look > and see if she need to clean up any of the angles or edges to be in-line with > the other icons shes'd done thus far. Sounds like a plan. To be clear: Echo is actually using two different icons it looks like. Jared and I conferred, and in the above comment he is referring to the icon in the flyout, not the one on Special:Notifications.
Created attachment 12792 [details] Mockup of new version Adding mockup by May of a more consistent icon in use.
ULS has SVGs and they are not clipped (the display was clipped due to css bug which has been fixed) with normal and on-hover versions.
Also see https://www.mediawiki.org/wiki/Category:MediaWiki_%27Settings%27_indicators The design guide should specify the math and resulting colors for the hover, active (being-clicked), and disabled states of icons. E.g. disabled = lighten(30%).
Prioritization and scheduling of this bug is tracked on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/258
There is a WikiFont (https://www.mediawiki.org/wiki/Design/WikiFont) icon for this (https://www.mediawiki.org/wiki/File:Gear_icon.svg). In this interest of standardization, that should probably be adopted unless it's not suitable for some reason, in which case perhaps the WikiFont one should also be changed.
That is the correct asset.
Screenshot in comment 1 is still valid nowadays. Comment 3 recommends to go with the icon from the Echo prefs; comment 6 proposes the ULS one, comment 9 mentions WikiFont. Which path is a new contributor supposed to follow? Use https://www.mediawiki.org/wiki/File:Gear_icon.svg everywhere and fix the ULS, Echo and Core codebases? Or also some unnamed "enwiki gadget for displaying references in a tooltip" mentioned in comment 0? Please clarify the scope and expected steps to take here. After doing so, please add "easy" to Keywords again (and potentially "gci2014" to the Whiteboard). Thanks.
(In reply to Andre Klapper from comment #11) > Which path is a new contributor supposed to follow? Use > https://www.mediawiki.org/wiki/File:Gear_icon.svg everywhere and fix the > ULS, Echo and Core codebases? > Or also some unnamed "enwiki gadget for displaying references in a tooltip" > mentioned in comment 0? Let's standardize on https://www.mediawiki.org/wiki/File:Gear_icon.svg . I believe that is also what Jared meant. (It is also relatively similar to the Echo flyout icon mentioned earlier) For future reference, the enwiki gadget in question is Reference Tooltips (https://www.mediawiki.org/wiki/Reference_Tooltips / https://en.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.js) > Please clarify the scope and expected steps to take here. Change all of the locations mentioned to use https://www.mediawiki.org/wiki/File:Gear_icon.svg .
(In reply to Matthew Flaschen from comment #12) > Change all of the locations mentioned to use > https://www.mediawiki.org/wiki/File:Gear_icon.svg . Preferably with SVG/PNG fallback to support browsers without SVG support (using e.g. background-image-svg), or only PNG if necessary.
mflaschen: You added "gci2014" to the whiteboard. Would you mentor this task? If yes, please follow https://www.mediawiki.org/wiki/Google_Code-in_2014#Mentors.27_corner
Yes, I'll mentor this. I've registered on Melange. Based on your experience, should I create one GCI task for this bug, or one per place that needs to be replaced?
