Codex (original) (raw)
Description
Codex is the design system for Wikimedia. It includes documentation and guidelines, design tokens to store stylistic values, user interface components built in both JavaScript (Vue.js) and only with CSS, and a suite of icons. All of these are designed and built with wide-ranging support for internationalisation, global usage and web accessibility by default.
Resources:
Not a fan of some of these new icons at all. They've become very genericised and are missing some of the heart that the old icons had. Esp. agree with the UserTalk and Robot new icons being a real downgrade.
Change #1302203 merged by jenkins-bot:
[mediawiki/vendor@master] Bump wikimedia/parsoid to 0.24.0-a9
https://gerrit.wikimedia.org/r/1302203
Change #1302203 had a related patch set uploaded (by Jgiannelos; author: Jgiannelos):
[mediawiki/vendor@master] Bump wikimedia/parsoid to 0.24.0-a9
https://gerrit.wikimedia.org/r/1302203
I will work on an amendment to the puzzle icon in the next batch of quick follow up amendments. We explored some more simple versions of the puzzle icon which look more like a traditional basic puzzle piece. I'll revisit those.
Template (puzzle) — more detailed than other icons in the set, which reduces recognisability at small sizes.
The template (puzzle) icon mimics the WP25 logo, a nod to the brand. There were many versions of the puzzle trialed, some much more simple, but this one felt the most balanced with the rest of the icon set.
I've renamed draggable to draggableVertical in OOUI and marked the former as a deprecated alias (https://gerrit.wikimedia.org/r/c/oojs/ui/+/1301402). The same should be done in Codex (if it supports this).
Samwilson renamed T428854: CodexPHP: Support title attribute on Select widget's from Support title attrs on Select widget' to CodexPHP: Support title attribute on Select widget's
Change #1297728 merged by jenkins-bot:
[mediawiki/core@master] Parser: Remove rel=noreferrer and rel=noopener on external links
https://gerrit.wikimedia.org/r/1297728
Change #1297721 merged by jenkins-bot:
[mediawiki/services/parsoid@master] Remove rel=noreferrer and rel=noopener on external links
https://gerrit.wikimedia.org/r/1297721
Change #1300848 merged by jenkins-bot:
[oojs/ui@master] icons: Amend various icons
https://gerrit.wikimedia.org/r/1300848
Change #1300847 merged by jenkins-bot:
[design/codex@main] icons: Amend various icons
https://gerrit.wikimedia.org/r/1300847
Change #1300848 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[oojs/ui@master] icons: Amend various icons
https://gerrit.wikimedia.org/r/1300848
Change #1300847 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[design/codex@main] icons: Amend various icons
https://gerrit.wikimedia.org/r/1300847
@jsn.sherman will throw together a user script to test this easily on one of the production environments.
Thanks @Esanders for the feedback on that. In our follow up amendments, let's redesign draggable to be more like what it was, a vertical drag, and consider adding draggableHorizontal and something like a draggableAround which would be the omnidirectional one. I will start working on these amendments next week, but I would like to wait to release any of them until we see any additional needs for other potential changes after the release next week.
The previous draggable implies that an item can only be dragged vertically, with arrows only on top and bottom. If that is the case in the place where this icon is used, I would suggest we create two new icons to be used in such cases instead—draggableVertical and draggableHorizontal.
Change #1300291 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[oojs/ui@master] components: Update styles in various components
https://gerrit.wikimedia.org/r/1300291
Change #1300290 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[design/codex@main] components: Update styles in various components
https://gerrit.wikimedia.org/r/1300290
Change #1300219 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[oojs/ui@master] Message, ProgressBar:
https://gerrit.wikimedia.org/r/1300219
@ekrem could you elaborate what is the test: with the --line-height-medium styling disabled via devtools trying to validate?
mb, it was supposed to demonstrate the situation «before the fix» (or «if the fix wasn't present»)
@ekrem could you elaborate what is the test: with the --line-height-medium styling disabled via devtools trying to validate?
@ekrem could you elaborate what is the test: with the --line-height-medium styling disabled via devtools trying to validate?
Thanks @ekrem, we'll test and give feedback.
Change #1299666 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[oojs/ui@master] Inputs: update interactive styles
https://gerrit.wikimedia.org/r/1299666
Change #1299665 had a related patch set uploaded (by Dtorsani; author: Dtorsani):
[design/codex@main] Inputs: update interactive styles