(Translated by https://www.hiragana.jp/)
⚓ T325325 Impact Module: "i" icon alignment
Page MenuHomePhabricator

Impact Module: "i" icon alignment
Closed, ResolvedPublic

Description

Description

Follow up task from T310661 design review.

Current Impact Module screenshot
Screen Shot 2022-12-15 at 11.37.02 AM.png (478×960 px, 44 KB)
Figma Design
Screen Shot 2022-12-15 at 11.39.26 AM.png (384×796 px, 89 KB)

Current Homepage screenshot:

Screen Shot 2022-12-15 at 11.42.09 AM.png (472×2 px, 279 KB)

Fix the alignment of the "i" icon with the label (expect to be vertically centered but the screenshot seems to show top-aligned), and similarly the vertically centre alignment of scorecard icons with the value:

image.png (162×848 px, 19 KB)
image.png (334×510 px, 38 KB)

Acceptance Criteria

Given I'm viewing the new impact module,
Then the "i" icon should be vertically centered as shown in designs

Event Timeline

I just realized that there is another task in with the info icon in being discussed:
https://phabricator.wikimedia.org/T310665#8470610

Should we merge these?

Change 868650 had a related patch set uploaded (by Sergio Gimeno; author: Sergio Gimeno):

[mediawiki/extensions/GrowthExperiments@master] User impact: fix vertical alignment of scorecards texts and icons

https://gerrit.wikimedia.org/r/868650

Sgs subscribed.

I just realized that there is another task in with the info icon in being discussed:
https://phabricator.wikimedia.org/T310665#8470610

Should we merge these?

I think this is a separate issue. T310665 comments are around if we should use Codex or OOUI icons and what's the expectation for the info icon on arwiki.

Per @kostajh comments in the review. Are we sure about the position of the info icon? Maybe it would be more conventional to place it inline after the text line?

kostajh added a subscriber: RHo.

Per @kostajh comments in the review. Are we sure about the position of the info icon? Maybe it would be more conventional to place it inline after the text line?

@RHo @KStoller-WMF that's a question for you, my comment in Gerrit was:

the location of the "(i)" icon all the way across from the text in the scorecard seems confusing; would it be more standard if it was directly to the left of the label that says what the scorecard is about? e.g. "(i) Longest streak". Or directly to the right: "Longest streak (i)"

But if we want to change that, let's do it in a separate task.

Per @kostajh comments in the review. Are we sure about the position of the info icon? Maybe it would be more conventional to place it inline after the text line?

@RHo @KStoller-WMF that's a question for you, my comment in Gerrit was:

the location of the "(i)" icon all the way across from the text in the scorecard seems confusing; would it be more standard if it was directly to the left of the label that says what the scorecard is about? e.g. "(i) Longest streak". Or directly to the right: "Longest streak (i)"

But if we want to change that, let's do it in a separate task.

Let's keep it in the current position as it is meant to be info for the entire scorecard, similar to how the info icon is per row in the Notifications section of Special:Preferences:

image.png (586×762 px, 58 KB)

Change 868650 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] User impact: fix vertical alignment of scorecards texts and icons

https://gerrit.wikimedia.org/r/868650

Etonkovidova subscribed.

Checked on wmf.19 - the i icon is vertically centered:

Screen Shot 2023-01-18 at 3.09.40 PM.png (824×1 px, 106 KB)
collapsed view (Vector 2022)
Screen Shot 2023-01-18 at 3.10.16 PM.png (874×888 px, 119 KB)