Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

List block: consider aligning list items with paragraphs #14098

Closed
sarahmonster opened this issue Feb 25, 2019 · 1 comment
Closed

List block: consider aligning list items with paragraphs #14098

sarahmonster opened this issue Feb 25, 2019 · 1 comment
Assignees
Labels
[Block] List Affects the List Block [Type] Enhancement A suggestion for improvement.

Comments

@sarahmonster
Copy link
Member

Right now, lists are intented rather agressively from other body content:

This can make it harder to read, since the flow of the text is interrupted. It can also mean that lists become hard to track and work with on small screens, especially when they're nested:

Proposed solution

The typographically correct way to handle this would be to hang the bullets outside of the text, so that all text shares a left alignment:

If the negative margins there prove problematic (although with some cursory testing, I didn't run into any snafus), we could make do with decreasing the indentation somewhat instead:

This would bring things into closer alignment and clean it up on mobile a bit, without needing to be concerned with negative margins.

@sarahmonster sarahmonster added [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. [Block] List Affects the List Block labels Feb 25, 2019
@sarahmonster sarahmonster self-assigned this Feb 25, 2019
@sarahmonster sarahmonster mentioned this issue Feb 25, 2019
13 tasks
@kjellr
Copy link
Contributor

kjellr commented Mar 11, 2019

I'd argue against a negative indent, as this is somewhat non-standard compared to other editors (Google Docs, etc.). I do agree that our current indentation for these seems like a little too much — I recommend we open a PR and adjust. Your alternative solution above seems like a good starting point to try out.

@kjellr kjellr removed the Needs Design Feedback Needs general design feedback. label Mar 11, 2019
@mtias mtias closed this as completed Jul 13, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] List Affects the List Block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

3 participants