Status | Subtype | Assigned | Task | ||
---|---|---|---|---|---|
Invalid | None | T77940 Iconography specification page layout | |||
Resolved | Volker_E | T89200 metadata for Wikicon icon set | |||
Resolved | • werdna | T93890 Flags can only be applied to buttons |
Event Timeline
I love the mock.
In the style guide the .svg filename for each icon is not particularly important if developers will be using OOjs UI.The information the style guide needs to convey for for each icon is:
- a visual description ("closed eyelid")
- the intended semantics ("hide action, or hidden state")
- the icon's name in OOjs UI, code point in WikiFont, whether it's an emblem/badge, etc.
Without describing semantics this page is just a picture book that doesn't tell people when to use what icon. I created a blocking task T89200 for storing this information.
Will this LSG page use the ResourceLoaderImageModule? It could demonstrate the rasterized .png fallback.
The OOjs UI demos > Icons page (currently on https://tools.wmflabs.org/oojs-ui/oojs-ui/demos/#icons-mediawiki-vector-ltr ) has a similar page of all the icons (and indicators) in its MediaWiki theme. It doesn't show the progressive/constructive/destructive intention colors nor does it explain their usage.
A screenshot:
Change 199221 had a related patch set uploaded (by Werdna):
[WIP] Add <ooui-icons/> tag for iconography LSG page
Okay, I have a patch for this. Quite a lot of caveats:
- There is currently no style for a selected frameless ButtonOption in a ButtonSelect in OOUI. So I had to add a frame around the view switch icons.
- This is currently just pulling data from MediaWiki.org. That should change in the future.
- The data source itself has its own problems, documented on T89200. Among these problems: many icons missing, most uncategorised, none have correct unicode codepoints.
- OOUI currently shows icons as SVGs, not using WikiFont. This means that it's not possible to show them in different colours.
- Search doesn't work, but it's not planned to yet.
- I don't have assets for the view switch icons, so I just used something that looked vaguely close. Those will need to be replaced first.
Wahoo!... but I couldn't figure out how to do it locally. I'll wait for the updated Icons, Indicators, and Labels on l-s-g labs.
You mean https://www.mediawiki.org/wiki/Data:Json:Wikicon ? Jon Robson's proposal was to keep the icon info in a separate repo that could be a submodule of OOUIPlayground, mobile's WikiFont generation, the OOjs UI build process, etc.
- The data source itself has its own problems, documented on T89200.
I responded there. May's spreadsheet has more info than the .json file, but I based the.json on what OOjs UI actually has. There ought to be one authoritative file...
- OOUI currently shows icons as SVGs, not using WikiFont. This means that it's not possible to show them in different colours.
? The oojs-ui grunt build step colorizeSvg somehow crafts colored icon variants, e.g. check-constructive.svg, and then svg2png creates e.g. check-constructive.png. oojs-ui's own icon spec file themes/mediawiki/images.json drives this with lines like
"check": { "file": "check.svg", "variants": [ "constructive", "progressive" ] }
Hope this helps, James Forrester and matmarex actually understand it.
I think the labelling is totally wrong right now. I just don't have any information about grouping other than which OOjs-UI icon pack they are in, so I just used that for now.
The current setup is to have the Design Style Guide's icons page layout the icon principals and to continue the OOUI demos portion as in-production realisation of the icons together with certain components which will feature a distinct icon, like for example the SearchInputWidget.
Given the original task description requests partly fulfilled, partly outdated the current situation, setting this task to “invalid”.