Always load browser default checkbox

This commit is contained in:
Cotes Chung 2020-12-14 15:01:05 +08:00
parent dc88321ed5
commit aba3d25d7a
3 changed files with 26 additions and 15 deletions

View file

@ -4,24 +4,33 @@
{% assign _content = include.content %}
<!--
Suroundding the markdown table with '<div class="table-wrapper">. and '</div>'
-->
<!-- Suroundding the markdown table with '<div class="table-wrapper">. and '</div>' -->
{% if _content contains '<table>' %}
{% assign _content = _content | replace: '<table>', '<div class="table-wrapper"><table>' %}
{% assign _content = _content | replace: '</table>', '</table></div>' %}
{% assign _content = _content | replace: '</table></div></code>', '</table></code>' %}
{% assign _content = _content
| replace: '<table>', '<div class="table-wrapper"><table>'
| replace: '</table>', '</table></div>'
| replace: '</table></div></code>', '</table></code>'
%}
{% endif %}
<!--
Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->
{% if _content contains '<pre class="highlight">' %}
{% assign _content = _content | replace: '<div class="highlight"><pre class="highlight"><code', '<div class="highlight"><code' %}
{% assign _content = _content | replace: '</code></pre></div>', '</code></div>' %}
{% assign _content = _content
| replace: '<div class="highlight"><pre class="highlight"><code', '<div class="highlight"><code'
| replace: '</code></pre></div>', '</code></div>'
%}
{% endif %}
<!-- Add attribute 'hide-bullet' to the checkbox list -->
{% if _content contains '<li class="task-list-item"><' %}
{% assign _content = _content
| replace: '"task-list-item"><', '"task-list-item" hide-bullet><'
%}
{% endif %}
<!-- return -->
{{ _content }}

View file

@ -866,7 +866,7 @@ div.post-content .table-wrapper {
padding-left: 2rem;
}
// attribute 'hide-bullet' added by JS
// attribute 'hide-bullet' was added by liquid
.task-list-item[hide-bullet] {
list-style-type: none;
@ -898,10 +898,12 @@ div.post-content .table-wrapper {
}
}
}
} // .task-list-item
input[type=checkbox] {
display: none;
margin: 0 .5rem .2rem -1.3rem;
vertical-align: middle;
}
} // ul

View file

@ -3,10 +3,10 @@
*/
$(function() {
/* hide bullet of checkbox item */
$("li.task-list-item:has(input)").attr("hide-bullet", "");
/* hide browser default checkbox */
$("input[type=checkbox]").addClass("unloaded");
/* create checked checkbox */
$("input[type=checkbox][checked=checked]").before("<span checked></span>");
$("input[type=checkbox][checked]").before("<span checked></span>");
/* create normal checkbox */
$("input[type=checkbox]:not([checked=checked])").before("<span></span>");
$("input[type=checkbox]:not([checked])").before("<span></span>");
});