Last modified: 2014-11-18 22:30:02 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T52843, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 50843 - Use consistent preferences icon
Use consistent preferences icon
Status: NEW
Product: MediaWiki extensions
Classification: Unclassified
Echo (Other open bugs)
unspecified
All All
: Low normal (vote)
: ---
Assigned To: Nobody - You can work on this!
gci2014
: design, easy
Depends on:
Blocks: 53733
  Show dependency treegraph
 
Reported: 2013-07-05 22:56 UTC by Steven Walling
Modified: 2014-11-18 22:30 UTC (History)
13 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
Echo and ULS side by side (330.08 KB, image/png)
2013-07-05 22:56 UTC, Steven Walling
Details
ULS and references gadget side by side (152.91 KB, image/png)
2013-07-05 22:57 UTC, Steven Walling
Details
Mockup of new version (567.45 KB, image/jpeg)
2013-07-09 00:58 UTC, Steven Walling
Details

Description Steven Walling 2013-07-05 22:56:59 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.
Comment 1 Steven Walling 2013-07-05 22:57:47 UTC
Created attachment 12766 [details]
ULS and references gadget side by side
Comment 2 Steven Walling 2013-07-05 22:58:25 UTC
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.
Comment 3 Jared Zimmerman (WMF) 2013-07-08 20:40:28 UTC
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.
Comment 4 Steven Walling 2013-07-08 20:55:52 UTC
(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.
Comment 5 Steven Walling 2013-07-09 00:58:15 UTC
Created attachment 12792 [details]
Mockup of new version

Adding mockup by May of a more consistent icon in use.
Comment 6 Niklas Laxström 2013-07-10 20:12:52 UTC
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.
Comment 7 spage 2013-09-04 18:38:50 UTC
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%).
Comment 8 spage 2013-09-23 22:54:35 UTC
Prioritization and scheduling of this bug is tracked on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/258
Comment 9 Matthew Flaschen 2014-09-10 18:55:58 UTC
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.
Comment 10 Jared Zimmerman (WMF) 2014-09-10 20:08:07 UTC
That is the correct asset.
Comment 11 Andre Klapper 2014-10-26 17:53:46 UTC
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.
Comment 12 Matthew Flaschen 2014-11-12 01:07:10 UTC
(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 .
Comment 13 Matthew Flaschen 2014-11-12 01:08:48 UTC
(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.
Comment 14 Andre Klapper 2014-11-17 11:05:13 UTC
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
Comment 15 Matthew Flaschen 2014-11-18 22:30:02 UTC
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?

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links