fix(compiler): task lists style, fixed docsifyjs#215

QingWei-Li · QingWei-Li · commit e43ded4ea7fc · 2017-11-29T09:45:40.000+08:00
diff --git a/src/core/render/compiler.js b/src/core/render/compiler.js
@@ -181,7 +181,7 @@ export class Compiler {
       if (checked) {
         text = text.replace(CHECKED_RE, `<input type="checkbox" ${checked[1] === 'x' ? 'checked' : ''} />`)
       }
-      return `<li>${text}</li>\n`
+      return `<li${checked ? ` class="task-list-item"` : ''}>${text}</li>\n`
     }
 
     renderer.origin = origin
diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css
@@ -91,6 +91,10 @@ kbd {
   vertical-align: middle;
 }
 
+.task-list-item {
+  list-style-type: none;
+}
+
 li input[type=checkbox] {
   margin: 0 0.2em 0.25em -1.6em;
   vertical-align: middle;

Original file line number	Diff line number	Diff line change
`@@ -181,7 +181,7 @@ export class Compiler {`
`181`	`181`	`if (checked) {`
`182`	`182`	text = text.replace(CHECKED_RE, `<input type="checkbox" ${checked[1] === 'x' ? 'checked' : ''} />`)
`183`	`183`	`}`
`184`		- return `<li>${text}</li>\n`
	`184`	+ return `<li${checked ? ` class="task-list-item"` : ''}>${text}</li>\n`
`185`	`185`	`}`
`186`	`186`
`187`	`187`	`renderer.origin = origin`