1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

Add a specific style for checked inputs

This commit is contained in:
fabien0102
2017-11-27 17:30:16 +01:00
parent b690147b0b
commit f820c3089e
2 changed files with 5 additions and 1 deletions

View File

@@ -77,6 +77,10 @@ body
li
label.taskListItem
margin-left -2em
&.checked
font-style italic
text-decoration line-through
opacity 0.5
div.math-rendered
text-align center
.math-failed

View File

@@ -109,7 +109,7 @@ md.block.ruler.at('paragraph', function (state, startLine/*, endLine */) {
if (state.parentType === 'list') {
const match = content.match(/^\[( |x)\] ?(.+)/i)
if (match) {
content = `<label class='taskListItem' for='checkbox-${startLine + 1}'><input type='checkbox'${match[1] !== ' ' ? ' checked' : ''} id='checkbox-${startLine + 1}'/> ${content.substring(4, content.length)}</label>`
content = `<label class='taskListItem${match[1] !== ' ' ? ' checked' : ''}' for='checkbox-${startLine + 1}'><input type='checkbox'${match[1] !== ' ' ? ' checked' : ''} id='checkbox-${startLine + 1}'/> ${content.substring(4, content.length)}</label>`
}
}