Fix markdown checkbox rendering ()

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

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 {