fix markdown checkbox rendering (#17425)

4 years ago · a961666c38
1 changed files with 6 additions and 0 deletions
--- a/web_src/less/markup/content.less
+++ b/web_src/less/markup/content.less
@ -159,12 +159,18 @@
  .task-list-item {
    list-style-type: none;
    position: relative;
+    line-height: 1.5rem;
+    min-height: 1.5rem; // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the <li> can be visible

    input[type="checkbox"] {
      position: absolute;
      top: .25em;
      left: -1.6em;
    }
+
+    p {
+      line-height: 1.5rem;
+    }
  }

  .task-list-item + .task-list-item {