Page MenuHomePhabricator

List misalignment in Monobook and Chick skins
Closed, ResolvedPublic

Description

Author: michael

Description:
Ordered and unordered lists align differently in Monobook and Chick skins, while they align consistently in
browsers' default rendering and in all other skins.

In these two skins unordered lists have a default margin-left: 1.5em, while ordered lists have margin-left:
3em applied (to give room for 3-digit list item numbers). When the two types of lists are nested and
mixed, the hierarchical relationship is not reflected correctly in page rendering.

The simplest fix is to add margin-left: 3em for unordered lists, in these two skins. This will change the
rendering of pages, but will make them consistent with other skins, so it is solving a problem.

More info: [[en:MediaWiki talk:Monobook.css#Consistent list alignment]].


Version: unspecified
Severity: minor

Details

Reference
bz4829

Revisions and Commits

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 21 2014, 9:05 PM
bzimport added a project: MediaWiki-Parser.
bzimport set Reference to bz4829.
bzimport added a subscriber: Unknown Object (MLST).

michael wrote:

Correction: ordered lists have margin-left: 3.2em; applied.

netoholic wrote:

Disagree with adding margin-left: 3em to unordered lists, as they are often used in tight spaces, like data tables.
This change could also affect threaded dicussions and votes, where it may no longer be clear who someone is
responding to.

michael wrote:

If mixed, nested lists actually do appear in discussions
or votes (doubtful; show me an example), they
currently render differently in some skins, so they are
definitely broken for some readers or for others.
Applying a fix would repair this discrepancy.

Where this is more important is the structure of
complex lists in articles, where the hierarchical
relationship of nested lists is rendered wrongly in
Monobook and Chick. This affects the actual meaning
in articles, and should be fixed.

Example: [[en:Romanization of Ukrainian#Table of
romanization systems]]. The table notes must have
manually-applied list numbers, because a wiki ordered
list was drawn too far right and looked like it was
subordinate to an item above it.

michael wrote:

Regarding data tables, we could apply an override to
make lists in tables as compact as possible:

th ol, 
th ul, 
td ol, 
td ul { 
  list-style-position: inside; 
  margin-left: 0; 
  padding-left: .5em;

}

michael wrote:

Another editor pointed out that definition-list
definitions also align inconsistently with other lists, in
Monobook, having <code>margin-left: 2em;</
code>. For the sake of presentation, they ought to
have the same margin-left as other lists.

Since they are less likely to be mixed with other lists,
and are extensively used for indenting discussion,
changing this should be considered carefully.

  • Bug 4896 has been marked as a duplicate of this bug. ***
  • This bug has been marked as a duplicate of bug 12262 ***
Diffusion added a commit: Unknown Object (Diffusion Commit).Mar 4 2015, 8:16 AM
Diffusion added a commit: Unknown Object (Diffusion Commit).
Diffusion added a commit: Unknown Object (Diffusion Commit).