Fix markdown checkbox rendering (#17427)

We allow to render empty check list item - [ ], while GitHub doesn't allow.

To make the rendering correct, we need tune the UI (the last PR #17413 uses absolute layout, which makes the empty checkbox item can not be displayed correctly)
This commit is contained in:
wxiaoguang 2021-10-25 17:02:39 +08:00 committed by GitHub
parent 175ebc6f88
commit 06da10b9a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 0 deletions

View File

@ -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 {