Wikimedia

Inline lists in new print styles should not have a smaller font size than surrounding content

This task is about the Vector skin of MediaWiki.

Problem: When visiting https://en.wikipedia.org/wiki/Songs_About_Jane and printing the document, inline lists within tables appear smaller than surrounding text.

This is due to the following css rule:

.vector-experimental-print-styles ol li, .vector-experimental-print-styles ul li {
    padding: 2px 0;
    font-size: 10pt;
}

To reproduce,

  • setup MobileFrontend and Vector.
  • The following code in your LocalSettings.php will help you test on real world content:
    $wgMFContentProviderClass = 'MobileFrontend\ContentProviders\MwApiContentProvider';
    $wgMFAlwaysUseMobileFormatter = true;
    
    Navigate to http://localhost/wiki/Songs_About_Jane and the article should now show in your local wiki inside Vector. Scroll to "Track listing" section and you will notice the small font-size lists in the table (see screenshot below)

Acceptance criteria for a patch: We need to shrink the font-size of all lists, except lists within tables. Update the css rules inside the Vector extension so that the font size for lists inside tables in print mode is inherited from parent class.

You are expected to provide a patch in Wikimedia Gerrit. See https://www.mediawiki.org/wiki/Gerrit/Tutorial for how to set up Git and Gerrit.

Task tags

  • css
  • skins

Students who completed this task

Yifei He

Task type

  • web Design
close

2017