Skip to content

Fix styling of checklists in content editor

Himanshu Kapoor requested to merge 406743-ce-checklist into master

What does this MR do and why?

Fix styling of checklists in content editor

In content editor use flex to style the checklist so that long lines of text don't break.

Changelog: fixed

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Enable feature flag Feature.enable(:content_editor_on_issues) in the rails console.
  2. Create a new issue. Switch to Markdown.
  3. Enter following markdown content:
* [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue venenatis ligula, eu tincidunt justo aliquam vitae. Fusce pretium augue iaculis, egestas metus vel, maximus diam.
  * Vestibulum vestibulum venenatis risus, sed blandit lorem cursus et. Pellentesque a sagittis orci. Nam tristique metus varius, scelerisque ante in, bibendum nulla. Mauris vitae blandit sapien.
* [ ] Integer varius tellus sed posuere vestibulum. Nunc lectus quam, suscipit aliquet sagittis sed, venenatis non nisi. Aliquam sed commodo lacus. Aliquam nunc nisi, tempor vitae arcu in, porttitor aliquam nisi. In euismod laoreet urna in aliquam. Vivamus laoreet nec mi in pharetra.

  > Sed aliquam finibus velit, at viverra nulla lacinia aliquam. Aenean dapibus leo commodo, molestie ipsum pretium, rhoncus tellus. Etiam eu erat vitae neque eleifend auctor eget sed velit.
  1. Switch to rich text
  2. Notice the styling of the checklist and the blockquote in the checklist.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #406743 (closed)

Edited by Dan MH

Merge request reports