Fix the design of li

* fix the design of markdown-it-TOC

browser/components/MarkdownPreview.js

@@ -243,6 +243,10 @@ export default class MarkdownPreview extends React.Component {
     this.refs.root.contentWindow.document.body.setAttribute('data-theme', theme)
     this.refs.root.contentWindow.document.body.innerHTML = markdown.render(value)
 
+    _.forEach(this.refs.root.contentWindow.document.querySelectorAll('.taskListItem'), (el) => {
+      el.parentNode.parentNode.style.listStyleType = 'none'
+    })
+
     _.forEach(this.refs.root.contentWindow.document.querySelectorAll('a'), (el) => {
       el.addEventListener('click', this.anchorClickHandler)
     })

browser/components/markdown.styl

@@ -182,8 +182,18 @@ ul
     list-style-type circle
     &>li>ul
       list-style-type square
-ul.markdownIt-TOC, ul.markdownIt-TOC ul
-  list-style-type none
+ul.markdownIt-TOC
+  list-style-type decimal
+  background-color #ffffff
+  padding-top 10px
+  padding-bottom 10px
+  ul
+    list-style-type none
+  a
+    text-decoration none
+    color #000000
+  a:hover
+    color #2bac8f
 ol
   list-style-type decimal
   padding-left 2em