Page MenuHomePhabricator

Homepage: text size issue of pageviews number in Impact module
Closed, ResolvedPublicBUG REPORT

Description

In the context of the mobile Newcomer homepage, the number of pageviews in the list of recent edited articles in the Impact module details dialog should be bigger.

Actual Results:

Screenshot 2019-08-07 13.09.28.png (284×748 px, 57 KB)

Expected Results:

Screenshot 2019-08-12 19.38.17.png (366×750 px, 54 KB)

.growthexperiments-homepage-module-impact .impact-row .pageviews {
    font-size: 1.15em;
}

Event Timeline

This task is only for mobile, but the CSS rule would apply to both mobile and desktop. Should this change be made for both mobile and desktop? It seems to me that the ratio between the font size of the number and the font size of the text to the left of it should be consistent between desktop and mobile (right now it's 1:1 on both).

Sorry, my mistake, this should be clearly increased in both mobile AND desktop. Thanks!

Cntlsn renamed this task from Homepage: text size issue of pageviews number in mobile Impact module dialog to Homepage: text size issue of pageviews number in Impact module.Aug 16 2019, 7:59 AM
Cntlsn added a project: Desktop.

Change 530570 had a related patch set uploaded (by Sbisson; owner: Sbisson):
[mediawiki/extensions/GrowthExperiments@master] Impact: increase pageviews text size

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

Change 530570 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Impact: increase pageviews text size

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

For Design review:

present production - testwikibetalabs with the fix
Screen Shot 2019-08-17 at 4.08.10 PM.png (636×418 px, 64 KB)
Screen Shot 2019-08-17 at 4.08.03 PM.png (633×419 px, 67 KB)

However, the space between the title and the label "People are viewing..":

testwikibetalabs
Screen Shot 2019-08-17 at 4.01.26 PM.png (479×445 px, 65 KB)
Screen Shot 2019-08-17 at 4.01.11 PM.png (470×438 px, 66 KB)

The screenshots from a real device:

testwikibetalabs
IMG_8214.PNG (1×640 px, 92 KB)
IMG_8213.PNG (1×640 px, 93 KB)

hi @SBisson - font-size looks good to me but can we make the numbers text-align right? It would also be better if numbers were formatted with correct localized notation ( eg 1,002 for one thousand and two in english, vs 1.002 when written in danish)? I can create a new ticket if you prefer for either or both of these points!

Change 531500 had a related patch set uploaded (by Sbisson; owner: Sbisson):
[mediawiki/extensions/GrowthExperiments@master] Impact: right align pageviews

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

Change 531504 had a related patch set uploaded (by Sbisson; owner: Sbisson):
[mediawiki/extensions/GrowthExperiments@master] Impact: format pageviews numbers according to user language

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

hi @SBisson - font-size looks good to me but can we make the numbers text-align right?

I'm sure they used to be right-aligned but that got lost somehow. Fixed in a patch above.

It would also be better if numbers were formatted with correct localized notation ( eg 1,002 for one thousand and two in english, vs 1.002 when written in danish)? I can create a new ticket if you prefer for either or both of these points!

I've made a patch for it (see above) but I'm not sure how I feel about it.. It kinda looks like money. I'll let you and the team decide what you want to do with it.

Change 531500 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Impact: right align pageviews

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

I've merged for now, can be reverted if others don't like it.

That leaves the spacing issue identified in T230377#5419906. Is that something that should be restored to the previous layout?

Change 531504 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Impact: format pageviews numbers according to user language

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

For Design review - right-aligned and localized pageviews number:

IMG_8225.PNG (1×640 px, 80 KB)
IMG_8226.PNG (1×640 px, 72 KB)

With extremely long titles:

IMG_8224.PNG (1×640 px, 90 KB)