Page MenuHomePhabricator

PageList descriptions too small font and line height
Open, MediumPublic

Description

PageList component:
https://doc.wikimedia.org/MobileFrontend/master/js/ui/?path=/story/pagelist--default

The wikidata descriptions are too small and no line height is applied.

Design

font-size: 13px (or 0.8125em)
line-height: 19px (or 1.5)

Event Timeline

Volker_E created this task.Sep 6 2019, 9:51 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 6 2019, 9:51 PM
Jdlrobson renamed this task from Search result wikidata descriptions feature too small font and line height to PageList descriptions too small font and line height.Sep 6 2019, 10:10 PM
Jdlrobson updated the task description. (Show Details)

@Volker_E as we've discussed a more comprehensive review of font-sizes in mobile front end is needed, however this issue seems worth addressing in the meantime.

A quick survey of possible reference points for what font-size we could use for the PageList descriptions:

13px font looks correct to me (which I believe should also be used for the description text on the "RELATED ARTICLES" cards):

current13px font / 18px line-height14px font / 19px line height
ovasileva triaged this task as Medium priority.Apr 2 2020, 4:54 PM
ovasileva moved this task from Incoming to Triaged but Future on the Readers-Web-Backlog board.

Can the font size and spacing be specific to the loading format?

Srk224 added a subscriber: Srk224.Fri, Nov 6, 7:22 AM

I am new to open-source. Assign me this task

Can the font size and spacing be specific to the loading format?

Not sure I understand the question. Please clarify.

I am new to open-source. Assign me this task

Hi @Srk224, have you already made yourself comfortable with contributing to Wikimedia products. https://www.mediawiki.org/wiki/How_to_become_a_MediaWiki_hacker is a good introduction.