Task list items checkbox: Add GitLab UI like styling

What does this MR do and why?

Add GitLab UI like styling for task list checkboxes and increase hit target to 1rem (24px) to satisfy a11y requirements.

Screenshots or screen recordings

Before After
before after
before_dark after_dark
before after
before after
md_before md_after

Reference from GitLab UI: https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-form-form-checkbox--default

How to set up and validate locally

  1. Go to an issuable and add a task list (e.g. https://gdk.test:3000/flightjs/Flight/-/work_items/39)

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #513103 (closed)

Edited by Sascha Eggenberger

Merge request reports

Loading