Change 540247 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] [POC] Use CSS ::marker instead of SVG bullets where applicable

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

See upstream https://bugs.chromium.org/p/chromium/issues/detail?id=457718, I've left a comment and associated it with our meta issue (link).

I want to contribute to this. How can I help? I am new to this

On Windows, this looks okay; but on Ubuntu 18.04, the effect is extremely silly. {F31485162}

Looks like the character you picked is a lot larger in whatever font it's using. The CSS spec recommends using \2022 instead (https://drafts.csswg.org/css-counter-styles-3/#simple-symbolic), but that one is tiny in comparison (although it seems consistent between Windows and Ubuntu, so maybe there's some solution here)

@matmarex Would you share a screenshot with \2022 alternative as well?
With all bullets, it always comes down to the specific font, and as we're not using a web font, we will have to deal with variations when not relying on an image.

Let's compare OS/font variants and see if there a comprisable choice.

@Volker_E Here are some proper screenshots for comparison.

	Windows 10, Firefox 73	Ubuntu 18.04.3, Firefox 69
Current
Proposed patch (\25CF at 0.85em)
Proposed alternative (\2022 at 1em)

This has landed in Chrome as an "Experimental Web Platform feature".

Preview:

SVG image	CSS marker

Experimental setting

Note that I had to change the rule from ul::marker to li::marker for it to work. So we should either bug upstream about that, or update our patch if it's fine that way.

In T234400#6073320, @Krinkle wrote:

Note that I had to change the rule from ul::marker to li::marker for it to work. So we should either bug upstream about that, or update our patch if it's fine that way.

::marker applies to li

In https://developer.mozilla.org/en-US/docs/Web/CSS/::marker

It works on any element or pseudo-element set to display: list-item, such as the <li> and <summary> elements.

In https://drafts.csswg.org/css-lists-3/#marker-pseudo

Marker boxes only exist for list items: on any other element, the ::marker pseudo-element’s content property must compute to none, which suppresses its creation.

Change 540247 abandoned by Jdlrobson:
[mediawiki/skins/Vector@master] [POC] Use CSS ::marker instead of SVG bullets where applicable

Reason:
532 days old patch.

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

Change 540247 restored by VolkerE:
[mediawiki/skins/Vector@master] [POC] Use CSS ::marker instead of SVG bullets where applicable

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

Change 540247 abandoned by Jdlrobson:

[mediawiki/skins/Vector@master] [POC] Use CSS ::marker instead of SVG bullets where applicable

Reason:

This patch is very outdated and not easily rebased so abandoning.

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