Skip to content

Bug: checklist size doesnt increase with font size #7554

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

Open
jvithlani opened this issue May 21, 2025 · 1 comment · May be fixed by #7558
Open

Bug: checklist size doesnt increase with font size #7554

jvithlani opened this issue May 21, 2025 · 1 comment · May be fixed by #7558
Labels
good first issue Good for newcomers lists Relates to Lexical Lists playground

Comments

@jvithlani
Copy link
Contributor

Lexical version: 0.31.2

Steps To Reproduce

  1. Add a checklist
  2. increase the font size

The current behavior:

On increasing the font size the size of the checkbox remains unchanged.
Image

The expected behavior:

On increasing the font size the size of the checkbox also matches the font

Image

Impact of fix

This fixes the overall checklist UX

@jvithlani jvithlani changed the title Bug: Bug: checklist size doesnt increase with font size May 21, 2025
@etrepum etrepum added lists Relates to Lexical Lists playground good first issue Good for newcomers labels May 21, 2025
@etrepum
Copy link
Collaborator

etrepum commented May 21, 2025

This should be a straightforward CSS addition, the same sort of styles that apply to the marker should be applied to the checkbox input.

.PlaygroundEditorTheme__listItem::marker {
  color: var(--listitem-marker-color);
  background-color: var(--listitem-marker-background-color);
  font-family: var(--listitem-marker-font-family);
  font-size: var(--listitem-marker-font-size);
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment