Page MenuHomePhabricator

Unify list-styles
Closed, ResolvedPublic

Description

List styles across themes (Vector, MobileFrontend), but also in products should get a brush-up and best-possibly unified.
Compare for example https://en.wikipedia.org/wiki/JavaScript#Vendor-specific_extensions and https://en.m.wikipedia.org/wiki/JavaScript#Vendor-specific_extensions

VectorMobileFrontend
Screen Shot 2017-03-17 at 2.53.55 PM.png (276×481 px, 67 KB)
Screen Shot 2017-03-17 at 2.54.08 PM.png (465×497 px, 88 KB)

We need to define

  • a unified unordered list-style bullet for mobile and desktop web and
  • unordered list bullet
  • general list bullet/number position (maybe with special treatment on mobile) for unordered and ordered lists?

and take into account

  • numbered lists for 10+ (double-digit list counters), 100+ and 1000+ items
  • nested lists, as ul ul, ol ol, ul ol

Expected skin style properties in Design Style Guide:

  • list-style-position: outside;
  • list-style-type: disc; for uls
  • Special padding for both of them to take into account 100+ item lists, see T150377

Event Timeline

Hey I'm new, but I'd like to contribute to your organization, can someone please guide me along ?

Volker_E updated the task description. (Show Details)
Volker_E added a subscriber: Nirzar.

Proposal:

  • margins should be double of paragraphs,
  • list bullets/numeration vertically aligned with text and
  • list item content intended by similar amount as surrounding margin to paragraphs/block-level elements

Change 495403 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/core@master] Remove list-style-type declaration from elements.css

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

Change 495403 merged by jenkins-bot:
[mediawiki/core@master] Remove list-style-type declaration from elements.css

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

Volker_E claimed this task.
Volker_E removed a project: Patch-For-Review.
Volker_E removed a subscriber: gerritbot.