Unify list-styles
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Volker_E
	Nov 19 2016, 12:42 AM

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

Vector	MobileFrontend

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

Details

Related Changes in Gerrit:

	Subject	Repo	Branch	Lines +/-
	Remove `list-style-type` declaration from elements.css	mediawiki/core	master	+0 -1

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Resolved	Volker_E	T151100 Unify list-styles
Resolved	Volker_E	T220317 Unordered list styles: Remove default value re-definition
Resolved	Volker_E	T220323 Change list-style-type on mobile to unified treatment on mobile and desktop
Resolved	Volker_E	T220327 Unordered list styles: Remove special treatment for browsers which don't understand SVG
Resolved	Volker_E	T220328 Unordered list styles: Use text color for bullet image

Event Timeline

Volker_E created this task.Nov 19 2016, 12:42 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptNov 19 2016, 12:42 AM

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

@divyanshu_001: Please see https://www.mediawiki.org/wiki/How_to_become_a_MediaWiki_hacker - thanks!

Volker_E mentioned this in T150377: Use 'outside' instead of 'Inside' for list-style in Mobile version so that long line bullet list items are more scannable.Jan 5 2017, 5:15 PM

Volker_E added a project: Design.

Volker_E moved this task from Incoming to WMF Design Offsite 2017-01 on the Design board.Jan 5 2017, 5:30 PM

Volker_E added a project: Wikimedia-Design.Jan 5 2017, 10:22 PM

Volker_E moved this task from Backlog to WMF UI Std Offsite 2017-01 on the Wikimedia-Design board.Jan 5 2017, 10:27 PM

Volker_E moved this task from WMF Design Offsite 2017-01 to Triaged on the Design board.Jan 5 2017, 10:35 PM

Volker_E triaged this task as Low priority.Mar 16 2017, 8:06 AM

Volker_E added a project: Wikimedia Design Style Guide.

Volker_E updated the task description. (Show Details)

Volker_E added a subscriber: • Nirzar.

• Prtksxna updated the task description. (Show Details)Mar 17 2017, 9:25 AM

Volker_E moved this task from Backlog to Next for Development on the Wikimedia Design Style Guide board.Mar 21 2017, 4:49 PM

Volker_E moved this task from Unsorted to Wikimedia Design Style Guide on the UI-Standardization board.Aug 15 2017, 9:47 PM

Jack_who_built_the_house subscribed.Oct 12 2017, 2:44 AM

Volker_E moved this task from Next for Development to v1.1 (Goal) on the Wikimedia Design Style Guide board.Nov 16 2017, 3:57 PM

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

Volker_E updated the task description. (Show Details)May 5 2018, 12:23 AM

One initial patch at https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/119

Volker_E moved this task from v1.1 (Goal) to In Dev/Progress on the Wikimedia Design Style Guide board.May 5 2018, 12:44 AM

JohanahoJ subscribed.Jan 14 2019, 11:02 AM

Volker_E updated the task description. (Show Details)Mar 5 2019, 12:25 AM

Patch provided at https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/191

Volker_E updated the task description. (Show Details)Mar 8 2019, 10:24 PM

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

• Krinkle updated the task description. (Show Details)Mar 8 2019, 11:06 PM

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 updated the task description. (Show Details)Mar 11 2019, 7:49 PM

ReleaseTaggerBot added a project: MW-1.33-notes (1.33.0-wmf.22; 2019-03-19).Mar 16 2019, 10:01 PM

Jdforrester-WMF closed subtask T220317: Unordered list styles: Remove default value re-definition as Resolved.Apr 8 2019, 8:07 PM

Jdforrester-WMF closed subtask T220328: Unordered list styles: Use text color for bullet image as Resolved.Apr 8 2019, 8:13 PM

Volker_E closed subtask T220327: Unordered list styles: Remove special treatment for browsers which don't understand SVG as Resolved.Apr 9 2019, 12:56 AM

Volker_E closed subtask T220323: Change list-style-type on mobile to unified treatment on mobile and desktop as Resolved.Apr 30 2019, 9:43 PM

Volker_E closed this task as Resolved.May 7 2019, 11:21 AM

Volker_E claimed this task.