asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Always load browser default checkbox

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

27
_includes/refactor-content.html
View file

@ -4,24 +4,33 @@
{% assign _content = include.content %} {% 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>' %} {% if _content contains '<table>' %}
{% assign _content = _content | replace: '<table>', '<div class="table-wrapper"><table>' %} {% assign _content = _content
{% assign _content = _content | replace: '</table>', '</table></div>' %} | replace: '<table>', '<div class="table-wrapper"><table>'
{% assign _content = _content | replace: '</table></div></code>', '</table></code>' %} | replace: '</table>', '</table></div>'
| replace: '</table></div></code>', '</table></code>'
%}
{% endif %} {% endif %}
<!-- <!--
Fixed kramdown code highlight rendering: Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101 https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901 https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
--> -->
{% if _content contains '<pre class="highlight">' %} {% if _content contains '<pre class="highlight">' %}
{% assign _content = _content | replace: '<div class="highlight"><pre class="highlight"><code', '<div class="highlight"><code' %} {% assign _content = _content
{% assign _content = _content | replace: '</code></pre></div>', '</code></div>' %} | replace: '<div class="highlight"><pre class="highlight"><code', '<div class="highlight"><code'
| replace: '</code></pre></div>', '</code></div>'
%}
{% endif %} {% 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 }} {{ _content }}

6
assets/css/_addon/main.scss
View file

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

8
assets/js/_commons/checkbox.js
View file

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