saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(toc): Use data attributes for toc

Browse Source 
Partially fixes: #401

Signed-off-by: Khusika Dhamar Gusti <mail@khusika.com>
This commit is contained in:
Khusika Dhamar Gusti
2020-11-27 15:12:26 +07:00
parent 1281b13109
commit 9151f85ce9
6 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/_partial/_single/_toc.scss
View File

@@ -116,7 +116,7 @@
display: none; display: none;
margin: .8rem 0; margin: .8rem 0;
&[kept=true] { &[data-kept=true] {
display: block; display: block;
} }

2
assets/js/theme.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
assets/js/theme.min.js.map
View File

File diff suppressed because one or more lines are too long

2
layouts/posts/single.html
View File

@@ -76,7 +76,7 @@
{{- /* Static TOC */ -}} {{- /* Static TOC */ -}}
{{- if ne $toc.enable false -}} {{- if ne $toc.enable false -}}
<div class="details toc" id="toc-static" kept="{{ if $toc.keepStatic }}true{{ end }}"> <div class="details toc" id="toc-static" data-kept="{{ if $toc.keepStatic }}true{{ end }}">
<div class="details-summary toc-title"> <div class="details-summary toc-title">
<span>{{ T "contents" }}</span> <span>{{ T "contents" }}</span>
<span><i class="details-icon fas fa-angle-right"></i></span> <span><i class="details-icon fas fa-angle-right"></i></span>

2
resources/_gen/assets/scss/css/style.scss_d75fd08668b4bae707167bbce4d8ca46.content
View File

File diff suppressed because one or more lines are too long

2
src/js/theme.js
View File

@@ -397,7 +397,7 @@ class Theme {
initToc() { initToc() {
const $tocCore = document.getElementById('TableOfContents'); const $tocCore = document.getElementById('TableOfContents');
if ($tocCore === null) return; if ($tocCore === null) return;
if (document.getElementById('toc-static').getAttribute('kept') || this.util.isTocStatic()) { if (document.getElementById('toc-static').getAttribute('data-kept') || this.util.isTocStatic()) {
const $tocContentStatic = document.getElementById('toc-content-static'); const $tocContentStatic = document.getElementById('toc-content-static');
if ($tocCore.parentElement !== $tocContentStatic) { if ($tocCore.parentElement !== $tocContentStatic) {
$tocCore.parentElement.removeChild($tocCore); $tocCore.parentElement.removeChild($tocCore);