Page MenuHomePhabricator

Volker_E
Sr. UX Engineer

Projects (12)

Today

  • Clear sailing ahead.

Tomorrow

  • Clear sailing ahead.

Thursday

  • Clear sailing ahead.

User Details

User Since
May 7 2015, 3:20 PM (219 w, 5 d)
Availability
Available
IRC Nick
Volker_E
LDAP User
Unknown
MediaWiki User
Volker E. (WMF) [ Global Accounts ]

Leading UI Standardization efforts.

Recent Activity

Today

Volker_E updated subscribers of T224070: Update notifications & search icons (AMC & non-AMC).
Tue, Jul 23, 4:56 PM · MW-1.34-notes (1.34.0-wmf.16; 2019-07-30), Patch-For-Review, Readers-Web-Backlog (Readers-Web-Kanbanana-2019-20-Q1), Advanced Mobile Contributions
Volker_E moved T228764: “This is for everyone” imagery – issues with universality and icon guidelines alignment from Backlog to v1.1 (Goal) on the Wikimedia Design Style Guide board.
Tue, Jul 23, 2:54 PM · Wikimedia Design Style Guide
Volker_E created T228764: “This is for everyone” imagery – issues with universality and icon guidelines alignment.
Tue, Jul 23, 2:51 PM · Wikimedia Design Style Guide

Yesterday

Volker_E added a comment to T215644: Add a frameless design for OOUI's IndexLayout (TabLayout), suitable for use on large, unframed contexts (not dialogs).

@PDrouin-WMF and myself were discussing forthcoming on this discussion.
In a quick write-up we came up with these two mockups

sans-serifserif
Mon, Jul 22, 6:18 PM · Multimedia-Current-Work, OOUI (OOUI-0.32.0), SDC Design, Multimedia
Volker_E added a comment to T215426: Consider changing mobile site header height (and overlay header height) from 3.35em (53.6px) to 3em (48px).

I'd also take the Material Design guideline in this context with a grain of salt. In their example it includes the “Page title”. That would translate to the article title in my understanding. If we agree on putting content first, I think the header bar can be sufficient at 48px.

Mon, Jul 22, 5:08 PM · VisualEditor, Editing Design, Readers-Web-Backlog (Design), Patch-For-Review, MobileFrontend, MinervaNeue
Volker_E added a comment to T220671: Replace `em` based sizing in favor of `px` based where applicable.

To the concern of vertical alignment of buttons at higher font sizes:
The default size (16px) stays default

Mon, Jul 22, 4:49 PM · MediaWiki-General, Patch-For-Review, OOUI
Volker_E added a comment to T226401: [Spike] Investigate issues from external accessibility report.

@bearND has already shared on major issue with multiple references side-by-side. We've additionally run into issues with line-height
CSS having negative consequences on line formatting (expanding distance) in the past. I'm not aware of an easy way to extend clickable area of links (mixing in display: inline-block with rendering consequences), that is free of side effects.
For sake of simplicity, I'd ignore the click target in this specific case with superlined text as they are only shortcuts to information that is anyways accessible at end of article.

Mon, Jul 22, 2:56 PM · Wikipedia-Android-App-Backlog (Android-app-release-v2.7.29x-N-Nanaimo-Bar), Accessibility
Volker_E assigned T227791: Some rounded icons not following icon guidelines to RHo.

@Iniquity 'info' is unresolvable at the time being, we are not changing this icon due to its wide usage while at the same time specific use case in a variety of VisualEditor dialogs. It is represented in this way to ensure recognizability on non-HiDPI screens and is advised not to be used. Instead use 'infoFilled'.

Hm, I understood. Then do we need to center it?

As it needs to be an even px value circle in a 20 x 20 px canvas, that won't be possible ;)

Mon, Jul 22, 9:06 AM · MinervaNeue, OOUI, Wikimedia Design Style Guide

Sat, Jul 20

Volker_E closed T171865: Frameless button should highlight full area when you mouseover as Resolved.
Sat, Jul 20, 8:17 PM · OOUI (OOUI-0.33.4)
Volker_E moved T171865: Frameless button should highlight full area when you mouseover from Backlog to OOUI-0.33.4 on the OOUI board.
Sat, Jul 20, 8:17 PM · OOUI (OOUI-0.33.4)
Volker_E archived OOUI (OOUI-0.33.3).
Sat, Jul 20, 8:09 PM
Volker_E created OOUI (OOUI-0.33.4).
Sat, Jul 20, 8:09 PM

Thu, Jul 18

Volker_E added a project to T228435: Magnifier search icon in main search bar should not be mirrored in RTL languages: UI-Standardization.
Thu, Jul 18, 9:17 PM · UI-Standardization, MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), RTL, I18n, Vector, Desktop
Volker_E closed T228435: Magnifier search icon in main search bar should not be mirrored in RTL languages as Resolved.
Thu, Jul 18, 9:15 PM · UI-Standardization, MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), RTL, I18n, Vector, Desktop
Volker_E added a comment to T227154: HelpPanel search icon for RTL .

This task should be declined. The real bug is tackled in T228435.

Thu, Jul 18, 4:33 PM · Patch-For-Review, RTL, I18n, Growth-Team, GrowthExperiments-Help panel
Volker_E added a comment to T224070: Update notifications & search icons (AMC & non-AMC).

@Nirzar What I've said before – yes, we could. We'd need the outlined bell & updated search icon on the 20x20px canvas, and the outlined user icon, which is planned as well? So it's only the latter missing here right now from my understanding

Thu, Jul 18, 4:03 PM · MW-1.34-notes (1.34.0-wmf.16; 2019-07-30), Patch-For-Review, Readers-Web-Backlog (Readers-Web-Kanbanana-2019-20-Q1), Advanced Mobile Contributions
Volker_E added a comment to T228435: Magnifier search icon in main search bar should not be mirrored in RTL languages.

The alignment seems right(!) to me, as the icon is a search button trigger in Vector, while in OOUI it's an indication icon.

Thu, Jul 18, 3:30 PM · UI-Standardization, MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), RTL, I18n, Vector, Desktop
Volker_E edited projects for T228435: Magnifier search icon in main search bar should not be mirrored in RTL languages, added: Vector, I18n; removed OOUI.
Thu, Jul 18, 3:22 PM · UI-Standardization, MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), RTL, I18n, Vector, Desktop
Volker_E added a comment to T171865: Frameless button should highlight full area when you mouseover.

From design review earlier today, design team preference is with 3 votes pro option a) with Base90.

Thu, Jul 18, 3:16 PM · OOUI (OOUI-0.33.4)
Volker_E added a comment to T171865: Frameless button should highlight full area when you mouseover.

RecentChanges with all hovered frameless buttons in first proposal of Base90:

Thu, Jul 18, 2:49 PM · OOUI (OOUI-0.33.4)
Volker_E added a comment to T224070: Update notifications & search icons (AMC & non-AMC).

@Nirzar Sounds good, can go out into next weeks' OOUI release which would be in production train from Tue 30 August on. If there's urgent time sensitivity we could add them in an extra release before next Tue, which would land train next week.
In any case, we need the icons production-ready prepared as SVGs to proceed.

Thu, Jul 18, 2:47 PM · MW-1.34-notes (1.34.0-wmf.16; 2019-07-30), Patch-For-Review, Readers-Web-Backlog (Readers-Web-Kanbanana-2019-20-Q1), Advanced Mobile Contributions
Volker_E updated the task description for T171865: Frameless button should highlight full area when you mouseover.
Thu, Jul 18, 2:29 PM · OOUI (OOUI-0.33.4)
Volker_E added a comment to T171865: Frameless button should highlight full area when you mouseover.

With added Base90 as :hover background color on frameless, agreed with @Prtksxna that it's too little to notice


(all three buttons feature :hover state)

Thu, Jul 18, 2:23 PM · OOUI (OOUI-0.33.4)
Volker_E removed a project from T194453: Spaces instead of css margin/padding in new Related changes: UI-Standardization.
Thu, Jul 18, 9:51 AM · patch-welcome, Readers-Web-Backlog (Tracking), Advanced Mobile Contributions, Growth-Team, MediaWiki-Recent-changes, MediaWiki-Watchlist, CSS

Wed, Jul 17

Volker_E awarded T228247: +2 nomination for Daimona in mediawiki/* a Like token.
Wed, Jul 17, 3:02 PM · MediaWiki-Gerrit-Group-Requests
Volker_E added a comment to T227791: Some rounded icons not following icon guidelines.

@Iniquity 'info' is unresolvable at the time being, we are not changing this icon due to its wide usage while at the same time specific use case in a variety of VisualEditor dialogs. It is represented in this way to ensure recognizability on non-HiDPI screens and is advised not to be used. Instead use 'infoFilled'.
'reference' aligns with all other document related icons and is, if at all, to be changed altogether.

Wed, Jul 17, 2:14 PM · MinervaNeue, OOUI, Wikimedia Design Style Guide

Tue, Jul 16

Volker_E updated subscribers of T227791: Some rounded icons not following icon guidelines.
Tue, Jul 16, 10:05 PM · MinervaNeue, OOUI, Wikimedia Design Style Guide
Volker_E added a comment to T227917: Wikimedia UI: Icons with stroke cannot be requested in different variants.

@Jdlrobson And here's the release…

Tue, Jul 16, 10:05 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), Advanced Mobile Contributions, Readers-Web-Backlog, UI-Standardization
Volker_E added a comment to T217154: Structure of a “Component” page.

“Creating” possibly to replace by “Designing”…

Tue, Jul 16, 4:20 PM · Wikimedia Design Style Guide
Volker_E added a project to T228064: Align Special:UploadWizard warning message appearance to Style Guide: UI-Standardization-Kanban.
Tue, Jul 16, 3:09 PM · UI-Standardization, UI-Standardization-Kanban, UploadWizard, Multimedia
Volker_E moved T127405: Review current style and integrate Messages and message boxes (errors, warnings) as WikimediaUI component from v1.1 (Goal) to Done on the Wikimedia Design Style Guide board.
Tue, Jul 16, 3:08 PM · Wikimedia Design Style Guide, UI-Standardization, UI-Standardization-Kanban
Volker_E moved T227683: standardize use of italic/oblique property for non-latin-script alphabets from Backlog to v1.1 (Goal) on the Wikimedia Design Style Guide board.
Tue, Jul 16, 3:06 PM · Wikimedia Design Style Guide
Volker_E added a comment to T227791: Some rounded icons not following icon guidelines.

help-rtl position is a bug. Patch at https://gerrit.wikimedia.org/r/#/c/523729/

Tue, Jul 16, 2:45 PM · MinervaNeue, OOUI, Wikimedia Design Style Guide
Volker_E added a comment to T226045: Improve process dialog appearance – simplify actions.

Indeed.

Tue, Jul 16, 2:32 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, Design
Volker_E closed T226045: Improve process dialog appearance – simplify actions as Resolved.
Tue, Jul 16, 2:32 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, Design
Volker_E added a comment to T227624: UX problems with read/unread dots in Echo notifications.

+1 for the blue outline/white background comment by Alex and that this ticket should only care about the non-circular icons. Both make sense.

Tue, Jul 16, 2:12 PM · Growth-Team, Notifications
Volker_E moved T222904: Collapsible HTMLForm state by jquery.makeCollapsible should be clearer exposed to screen readers from Backlog to Researching… on the UI-Standardization-Kanban board.
Tue, Jul 16, 1:15 PM · MediaWiki-HTMLForm, Patch-For-Review, Accessibility, UI-Standardization-Kanban, UI-Standardization
Volker_E moved T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide from Backlog to Doing… on the UI-Standardization-Kanban board.
Tue, Jul 16, 1:15 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E closed T226031: Add 'unLink' icon to Wikimedia Design Style Guide and OOUI, a subtask of T225725: Design Edit Cards "v2.0", as Resolved.
Tue, Jul 16, 1:14 PM · VisualEditor-Edit Cards , MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, VisualEditor-MediaWiki-Mobile, VisualEditor (Current work)
Volker_E closed T226031: Add 'unLink' icon to Wikimedia Design Style Guide and OOUI as Resolved.

PR 218 is merged and pushed to DSG server.

Tue, Jul 16, 1:14 PM · VisualEditor-Edit Cards , OOUI (OOUI-0.33.0), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09)
Volker_E added a comment to T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.

Thanks @Jdlrobson for reviewing quickly. One derived task has already been identified in T228100: Errors in mobile editor appear unstyled and are not obviously errors.

Tue, Jul 16, 1:01 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E added a comment to T206354: Main menu should slide over content.

@nray If I could, I'd add another gold medal token for your dev notes. Excellent!

Tue, Jul 16, 12:51 PM · Performance-Team (Radar), Readers-Web-Backlog, MobileFrontend
Volker_E added a comment to T226795: Align core legacy error/warning/success messages/message box visual appearance close to Style Guide.

@Iniquity Those look very good already! Thanks to your input there's one more patch pending in OOUI reflecting padding amendment in Style Guide https://gerrit.wikimedia.org/r/#/c/oojs/ui/+/523337/

Tue, Jul 16, 12:36 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Accessibility, UI-Standardization, MediaWiki-General
Volker_E closed T226795: Align core legacy error/warning/success messages/message box visual appearance close to Style Guide as Resolved.
Tue, Jul 16, 12:24 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Accessibility, UI-Standardization, MediaWiki-General
Volker_E added a comment to T226031: Add 'unLink' icon to Wikimedia Design Style Guide and OOUI.

Design Style Guide part covered in https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/218.

Tue, Jul 16, 12:11 PM · VisualEditor-Edit Cards , OOUI (OOUI-0.33.0), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09)
Volker_E closed T226780: Adding icons to dialog actions results in wrong padding, a subtask of T226045: Improve process dialog appearance – simplify actions, as Resolved.
Tue, Jul 16, 11:57 AM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, Design
Volker_E closed T226780: Adding icons to dialog actions results in wrong padding as Resolved.
Tue, Jul 16, 11:57 AM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Regression

Mon, Jul 15

Volker_E added a comment to T227917: Wikimedia UI: Icons with stroke cannot be requested in different variants.

@Jdlrobson Yes, it is. It seems reasonable to have one tomorrow from my point of view. https://gerrit.wikimedia.org/r/#/projects/oojs/ui,dashboards/default

Mon, Jul 15, 5:48 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), Advanced Mobile Contributions, Readers-Web-Backlog, UI-Standardization
Volker_E created T228064: Align Special:UploadWizard warning message appearance to Style Guide.
Mon, Jul 15, 2:48 PM · UI-Standardization, UI-Standardization-Kanban, UploadWizard, Multimedia
Volker_E added a comment to T222848: Homepage: traffic from email confirmation success page.

@Cntlsn Checkmark icon should actually be either Base0 or Green50 (with latter we tolerate a color contrast issue on this specific icon as the message should be self-explaining and the boundaries are sufficient.

Mon, Jul 15, 1:20 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), Desktop, Mobile, GrowthExperiments- HomepageDiscovery, GrowthExperiments-Homepage, Growth-Team (Current Sprint)
Volker_E added a comment to T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.

We need clarification on a current, non-standard special treatment on MobileFrontend.
Both, errorbox and error styles receive a boxed appearance.
We should differentiate boxed and inline messages, as established in the Style Guide. That means, we need to ensure all instances of boxed error should be changed to errorbox when needed. @Jdlrobson your thoughts?

Mon, Jul 15, 12:58 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E updated subscribers of T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.
Mon, Jul 15, 12:47 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E updated the task description for T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.
Mon, Jul 15, 12:47 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E added a project to T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide: MobileFrontend.
Mon, Jul 15, 12:47 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E updated the task description for T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.
Mon, Jul 15, 12:17 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E renamed T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide from Align MinervaNeue visual message treatment to Style Guide to Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.
Mon, Jul 15, 12:14 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue
Volker_E updated the task description for T220671: Replace `em` based sizing in favor of `px` based where applicable.
Mon, Jul 15, 10:46 AM · MediaWiki-General, Patch-For-Review, OOUI
Volker_E added a project to T220671: Replace `em` based sizing in favor of `px` based where applicable: MediaWiki-General.
Mon, Jul 15, 10:41 AM · MediaWiki-General, Patch-For-Review, OOUI
Volker_E created T228022: Align MinervaNeue/MobileFrontend visual message treatment to Style Guide.
Mon, Jul 15, 10:14 AM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), MobileFrontend, UI-Standardization, Accessibility, UI-Standardization-Kanban, MinervaNeue

Sat, Jul 13

Volker_E updated the task description for T127405: Review current style and integrate Messages and message boxes (errors, warnings) as WikimediaUI component.
Sat, Jul 13, 8:35 PM · Wikimedia Design Style Guide, UI-Standardization, UI-Standardization-Kanban
Volker_E updated the task description for T226795: Align core legacy error/warning/success messages/message box visual appearance close to Style Guide.
Sat, Jul 13, 8:34 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Accessibility, UI-Standardization, MediaWiki-General
Volker_E added a comment to T226795: Align core legacy error/warning/success messages/message box visual appearance close to Style Guide.

@Iniquity Thanks for the question. We're not changing them for the time being in core pages outside OOUI, as the most “common” box padding is 0.5em 1em. We might be able to pick this up after T220671.
A not-real example of current OOUI padding in core/Flow:

Sat, Jul 13, 8:31 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Accessibility, UI-Standardization, MediaWiki-General
Volker_E updated the task description for T127405: Review current style and integrate Messages and message boxes (errors, warnings) as WikimediaUI component.
Sat, Jul 13, 7:28 PM · Wikimedia Design Style Guide, UI-Standardization, UI-Standardization-Kanban
Volker_E added a comment to T222848: Homepage: traffic from email confirmation success page.

The success icon should be Green50 (green), not Accent50 (blue).

Sat, Jul 13, 3:06 PM · MW-1.34-notes (1.34.0-wmf.15; 2019-07-23), Desktop, Mobile, GrowthExperiments- HomepageDiscovery, GrowthExperiments-Homepage, Growth-Team (Current Sprint)

Fri, Jul 12

Volker_E added a comment to T226795: Align core legacy error/warning/success messages/message box visual appearance close to Style Guide.

@Iniquity To what?

Fri, Jul 12, 7:05 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Accessibility, UI-Standardization, MediaWiki-General
Volker_E added a comment to T224070: Update notifications & search icons (AMC & non-AMC).

@Volker_E I'm using the bell icon in core and this is what I get... which seems a little big:


Is this the desired result?
Is the SVG asset in core up to date?

Fri, Jul 12, 2:28 PM · MW-1.34-notes (1.34.0-wmf.16; 2019-07-30), Patch-For-Review, Readers-Web-Backlog (Readers-Web-Kanbanana-2019-20-Q1), Advanced Mobile Contributions
Volker_E archived OOUI (OOUI-0.33.2).
Fri, Jul 12, 1:52 PM
Volker_E renamed OOUI (OOUI-0.33.3) from OOUI-0.32.3 to OOUI-0.33.3.
Fri, Jul 12, 1:52 PM
Volker_E created OOUI (OOUI-0.33.3).
Fri, Jul 12, 1:51 PM
Volker_E edited projects for T226780: Adding icons to dialog actions results in wrong padding, added: OOUI; removed OOUI (OOUI-0.33.2).
Fri, Jul 12, 1:50 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Regression
Volker_E awarded T121387: Support subtitles for audio files a Doubloon token.
Fri, Jul 12, 1:41 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Wikimedia-Hackathon-2019, TimedMediaHandler-TimedText, TimedMediaHandler-Player, TimedMediaHandler

Thu, Jul 11

Volker_E added a comment to T196951: Switchable wrapper in AbuseFilter's error message .

@Daimona I'm actually on it… ;)

Thu, Jul 11, 6:35 PM · Accessibility, UI-Standardization, WorkType-NewFunctionality, AbuseFilter, Design
Volker_E added a project to T196951: Switchable wrapper in AbuseFilter's error message : Accessibility.

The color choice above fails strongly color contrast requirements for WCAG 2.0 level AA. I'd recommend orienting on Design Style Guide recommendations for error messages (also covered in T127405).

Thu, Jul 11, 6:31 PM · Accessibility, UI-Standardization, WorkType-NewFunctionality, AbuseFilter, Design
Volker_E added a comment to T225331: Vector: Simple search needs to provide standard appearance.

@SerDIDG Hi, on iOS 11/12 Safari does show the right treatment:


On rather old versions like iOS 9 Saf it shows the treatment as outlined by you.

Thu, Jul 11, 6:21 PM · MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Design, Vector, UI-Standardization, UI-Standardization-Kanban
Volker_E moved T227791: Some rounded icons not following icon guidelines from Backlog to v1.1 (Goal) on the Wikimedia Design Style Guide board.
Thu, Jul 11, 5:29 PM · MinervaNeue, OOUI, Wikimedia Design Style Guide
Volker_E moved T215585: Add Illustration building blocks file to “Resources” from Backlog to v1.1 (Goal) on the Wikimedia Design Style Guide board.
Thu, Jul 11, 5:29 PM · Wikimedia Design Style Guide
Volker_E claimed T222717: "article" icons need to be updated in Related Articles mobile view.
Thu, Jul 11, 5:08 PM · Readers-Web-Backlog (Readers-Web-Kanbanana-2019-20-Q1), MW-1.34-notes (1.34.0-wmf.10; 2019-06-18), UI-Standardization, RelatedArticles
Volker_E added a comment to T220671: Replace `em` based sizing in favor of `px` based where applicable.

Further examples where our current mix fails:



Thu, Jul 11, 4:43 PM · MediaWiki-General, Patch-For-Review, OOUI
Volker_E created T227791: Some rounded icons not following icon guidelines.
Thu, Jul 11, 3:51 PM · MinervaNeue, OOUI, Wikimedia Design Style Guide
Volker_E removed a project from T226822: New dialog action design doesn't work well for labelled safe actions: Patch-For-Review.
Thu, Jul 11, 3:32 PM · MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), OOUI (OOUI-0.33.1)
Volker_E closed T226822: New dialog action design doesn't work well for labelled safe actions, a subtask of T226045: Improve process dialog appearance – simplify actions, as Resolved.
Thu, Jul 11, 3:32 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, Design
Volker_E closed T226822: New dialog action design doesn't work well for labelled safe actions as Resolved.
Thu, Jul 11, 3:32 PM · MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), OOUI (OOUI-0.33.1)
Volker_E added a comment to T225021: Support a new "close" flag (distinct from "back") in OOUI dialogs.

@Esanders “Distiniguish” as title seems inappropriate now.

Thu, Jul 11, 3:22 PM · Editing QA, MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Patch-For-Review, OOUI (OOUI-0.33.0), VisualEditor (Current work)
Volker_E added a comment to T225021: Support a new "close" flag (distinct from "back") in OOUI dialogs.
VE Insert Media Dialog beforeafter
Thu, Jul 11, 3:03 PM · Editing QA, MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Patch-For-Review, OOUI (OOUI-0.33.0), VisualEditor (Current work)
Volker_E added a comment to T225669: Homepage: "ask a question" dialog and overlay issues.

@Cntlsn The positioning issues are wrong from my POV too (when looking at the provided screenshots). They seem originated in custom overrides.
You can have a look of the master state out of box at ProcessDialog in demos.

Thu, Jul 11, 3:00 PM · Patch-For-Review, Growth-Team (Current Sprint), GrowthExperiments-Help panel, GrowthExperiments- MentorshipModule, GrowthExperiments- HelpModule, Mobile, GrowthExperiments-Homepage
Volker_E placed T181449: Research landing page: Design/dev improvements post-launch up for grabs.

@leila Sorry, that this was still assigned to me, thought @bmansurov will pick this up after his switch to Research team.
The “News” cards were disregarded as it seemed unrealistic in conv with Dario to update that often. We kept that for next steps…

Thu, Jul 11, 2:00 PM · Research-Backlog, Research-management
Volker_E added a comment to T181588: Research landing page: Maintenance development post-launch.

There has been a conversation “upstream” in the Design Style Guide repo, but status hasn't changed. It was de-prioritized. Seems like a stalled issue to me.
Editing RLP HTML is still possible…

Thu, Jul 11, 1:55 PM · Research-Backlog, Research-management
Volker_E added a comment to T225021: Support a new "close" flag (distinct from "back") in OOUI dialogs.

The close button also is now frameless. I can't tell if it is intentional but this also looks very poor, especially if the label is long.

Thu, Jul 11, 1:23 PM · Editing QA, MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Patch-For-Review, OOUI (OOUI-0.33.0), VisualEditor (Current work)
Volker_E added a comment to T225021: Support a new "close" flag (distinct from "back") in OOUI dialogs.

@matmarex “Back” isn't always just labelled “back” as T226822#5322437 tells us.
In order to change back over to left-pointing arrow we need to make sure that

  • this is meeting user expectations and not confusing (my guess is, that's fulfilled, but all of you know every dialog in VE better)
  • we're consistently applying invisibleLabel
  • we consider adding a title to the icon only action
Thu, Jul 11, 1:19 PM · Editing QA, MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Patch-For-Review, OOUI (OOUI-0.33.0), VisualEditor (Current work)
Volker_E awarded T6845: CAPTCHA doesn't work for people with visual impairments a Heartbreak token.
Thu, Jul 11, 12:11 PM · Security, WCAG-Level-A, Security-Extensions, Design, Accessibility, ConfirmEdit (CAPTCHA extension)
Volker_E created T227761: WikimediaUI theme: Non-primary buttons in dialogs feature unintended colliding and overlapping border .
Thu, Jul 11, 12:06 PM · OOUI

Wed, Jul 10

Volker_E updated the task description for T220671: Replace `em` based sizing in favor of `px` based where applicable.
Wed, Jul 10, 5:50 PM · MediaWiki-General, Patch-For-Review, OOUI
Volker_E added a comment to T220671: Replace `em` based sizing in favor of `px` based where applicable.

That's only a problem if you have to mix your ems with px. If you do everything in ems then everything will just scale for you. Yes the designs will scale slightly between the platforms, but not to a level that causes serious problems.

Wed, Jul 10, 5:48 PM · MediaWiki-General, Patch-For-Review, OOUI
Volker_E created T227682: MenuTagMultiselectWidget (allowArbitrary: false) doesn't accept non-arbitrary value when tabbed or clicked outside.
Wed, Jul 10, 4:55 PM · OOUI
Volker_E assigned T227666: Unintuitive behavior with MenuTagMultiselectWidget when allowArbitrary is set to false to Mooeypoo.
Wed, Jul 10, 2:02 PM · OOUI (OOUI-0.33.3)

Tue, Jul 9

Volker_E closed T227040: Dialog title is neither centered nor left-aligned on mobile, a subtask of T226045: Improve process dialog appearance – simplify actions, as Resolved.
Tue, Jul 9, 10:02 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, Design
Volker_E closed T227040: Dialog title is neither centered nor left-aligned on mobile as Resolved.
Tue, Jul 9, 10:02 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), OOUI (OOUI-0.33.2)
Volker_E moved T227040: Dialog title is neither centered nor left-aligned on mobile from Backlog to OOUI-0.33.2 on the OOUI board.
Tue, Jul 9, 10:02 PM · MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), OOUI (OOUI-0.33.2)
Volker_E assigned T226780: Adding icons to dialog actions results in wrong padding to Esanders.
Tue, Jul 9, 10:00 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.14; 2019-07-16), Regression
Volker_E closed T226780: Adding icons to dialog actions results in wrong padding, a subtask of T226045: Improve process dialog appearance – simplify actions, as Resolved.
Tue, Jul 9, 10:00 PM · OOUI (OOUI-0.33.3), MW-1.34-notes (1.34.0-wmf.13; 2019-07-09), Editing Design, Design