vanilla-framework icon indicating copy to clipboard operation
vanilla-framework copied to clipboard

Lists: better align with other text

Open lyubomir-popov opened this issue 3 years ago • 3 comments

Pattern to amend

Lists have an indent that breaks vertical alignment with preceding text. That fulfills the goal of attracting attention, but not necessarily in a good way. image

How about this instead:

Visual

image image

Provide a screenshot or link to a prototype of your pattern amendment.

Context

In what context does your amendment solve a problem? Int the context of a list placed adjacent to other text content, where the discrepancy in vertical alignment becomes obvious

lyubomir-popov avatar Oct 04 '22 13:10 lyubomir-popov

On second thought, do we need the default list styling? Maybe the designs above could be directly applied to the base ul and ol elements.

We need to check if that will affect lists used for other things, like navigaiton for example - and make sure those override all needed properties.

lyubomir-popov avatar Oct 05 '22 08:10 lyubomir-popov

@lyubomir-popov Is this still relevant? I guess new divided list style covers that?

bartaz avatar Feb 20 '23 14:02 bartaz

@lyubomir-popov Is this still relevant?

bartaz avatar Nov 17 '23 15:11 bartaz