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

Lists (bulleted and numbered) aren't visible/properly indented when font-size is huge #2572

Open
Rob1kelly15 opened this issue Apr 10, 2024 · 3 comments
Assignees

Comments

@Rob1kelly15
Copy link

Rob1kelly15 commented Apr 10, 2024

Describe the bug
Lists (bulleted and numbered) aren't visible/properly indented when font-size is over 24px. The indent slowly goes away until then the bullet starts to run off the screen.
To Reproduce
Steps to reproduce the behavior:

  1. Make font size 48 or above.
  2. toggle bullet or numbered list.

Expected behavior
you should be able to see the bullet, and it should be properly indented.
UL should have a default padding-inline-start that equals the font-size

Screenshots
image

Device Information
browser - demo site

@Rob1kelly15 Rob1kelly15 changed the title Lists (bulleted and numbered) aren't visible when font-size is huge Lists (bulleted and numbered) aren't visible/properly indented when font-size is huge Apr 10, 2024
@JiuqingSong
Copy link
Collaborator

I think we need to increase the indent when font is large enough

@Rob1kelly15
Copy link
Author

making it proportional to the font-size or even equal the font size would have it consistently indented for all font sizes. Every time the fontsize goes up, the indent shrinks, i would hate for it to be flush on font-size 48, but indented on 52 or something

@jvillalobos
Copy link
Contributor

Yes, I think that, ideally, the left edge of the bullet marker should always be in the same horizontal position in the document. If the font gets very large, things should be pushed to the right, not the left.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants