Page MenuHomePhabricator

Inline-block lists
Closed, DeclinedPublic


Author: kelvSYC

What may be helpful is some wiki markup that tells the MediaWiki software to
style list-items as display:inline-block instead of display:list-item for very
long lists. It could improve the presentation by merely getting rid of large
areas of whitespace whenever we create a list. This might help get rid of
nasty-looking pseudo-list layout tables. If the MediaWiki software could
calculate the width of each item, we can have a list that spans multiple columns.

Obstacles to this is that the Gecko browsers don't support inline-block too
well, and users may still prefer to use ugly layout tables nonetheless.

Version: unspecified
Severity: enhancement



Event Timeline

bzimport raised the priority of this task from to Low.Nov 21 2014, 8:07 PM
bzimport added a project: MediaWiki-Parser.
bzimport set Reference to bz1187.
bzimport added a subscriber: Unknown Object (MLST).

I'm not sure I understand what you mean. Could you produce an example of what this might look like?

kelvSYC wrote:

We currently have markup like this:

  • foo
  • bar

However, when we have a very long list (and the length of each item is
reasonably short), it would be a presentational disaster to just leave them like
that, as we waste lots of whitespace. The idea is to introduce perhaps another
kind of wiki markup that would allow lists to be formatted as inline-block to
take advantage of that wasted space without using HTML (see for example
[[b:Wikibooks Pokédex:Alphabetical Index]], where ugly HTML and CSS float-hacks
are used).

Ideally, this new list would be exactly identical to our old list, except that
the new list has display:inline-block rather than display:list-item.

So, assuming a % was our wiki inline-block list marker, a list like this

% foo
% bar

would look like this:

  • foo *bar

rather than

  • foo
  • bar

Going through old bugs... I'm going to go ahead and close this out as this is a CSS styling issue, and doesn't require any built-in support or syntax.

Some templates also invoke CSS multi-column support for a similar effect.