fix(toc): Use data attributes for toc

Partially fixes: dillonzq#401 Signed-off-by: Khusika Dhamar Gusti <[email protected]>
3xp0rt · Nov 27, 2020 · 9151f85 · 9151f85
1 parent 1281b13
commit 9151f85
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/assets/css/_partial/_single/_toc.scss b/assets/css/_partial/_single/_toc.scss
@@ -116,7 +116,7 @@
   display: none;
   margin: .8rem 0;
 
-  &[kept=true] {
+  &[data-kept=true] {
     display: block;
   }
 

diff --git a/assets/js/theme.min.js b/assets/js/theme.min.js
diff --git a/assets/js/theme.min.js.map b/assets/js/theme.min.js.map
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
@@ -76,7 +76,7 @@ <h2 class="single-subtitle">{{ . }}</h2>
 
         {{- /* Static TOC */ -}}
         {{- 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">
                     <span>{{ T "contents" }}</span>
                     <span><i class="details-icon fas fa-angle-right"></i></span>

diff --git a/resources/_gen/assets/scss/css/style.scss_d75fd08668b4bae707167bbce4d8ca46.content b/resources/_gen/assets/scss/css/style.scss_d75fd08668b4bae707167bbce4d8ca46.content
diff --git a/src/js/theme.js b/src/js/theme.js
@@ -397,7 +397,7 @@ class Theme {
     initToc() {
         const $tocCore = document.getElementById('TableOfContents');
         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');
             if ($tocCore.parentElement !== $tocContentStatic) {
                 $tocCore.parentElement.removeChild($tocCore);