fix: optimize user experience

reuixiy · Mar 4, 2020 · e9f6d90 · e9f6d90
1 parent 6a08765
commit e9f6d90
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -1,6 +0,0 @@
-// Wrap `<table>` to make it responsive
-// Reference: https://github.com/stone-zeng/stone-zeng.github.io/blob/master/js/script.js
-
-document.querySelectorAll('table').forEach((e) => {
-    e.outerHTML = `<div class="table-container">${e.outerHTML}</div>`;
-});

diff --git a/assets/js/wrap-table.js b/assets/js/wrap-table.js
@@ -0,0 +1,6 @@
+// Wrap `<table>` to make it responsive
+// Reference: https://github.com/stone-zeng/stone-zeng.github.io/blob/master/js/script.js
+
+document.querySelectorAll('table').forEach((e) => {
+    e.outerHTML = `<div class="table-container">${e.outerHTML}</div>`;
+});
diff --git a/layouts/partials/script.html b/layouts/partials/script.html
@@ -4,6 +4,7 @@
 {{- $backToTop := resources.Get "js/back-to-top.js" | resources.ExecuteAsTemplate "js/back-to-top-rendered.js" . -}}
 {{- $darkMode := resources.Get "js/dark-mode.js" | resources.ExecuteAsTemplate "js/dark-mode-rendered.js" . -}}
 {{- $lang := resources.Get "js/multilingual.js" | resources.ExecuteAsTemplate "js/multilingual-rendered.js" . -}}
+{{- $wrapTable := resources.Get "js/wrap-table.js" | resources.ExecuteAsTemplate "js/wrap-table-rendered.js" . -}}
 {{- $comments := resources.Get "js/comments.js" | resources.ExecuteAsTemplate "js/comments-rendered.js" . -}}
 {{- $custom := resources.Get "js/custom.js" | resources.ExecuteAsTemplate "js/custom-rendered.js" . -}}
 
@@ -29,6 +30,8 @@
     {{- .Scratch.Add "script" (slice $lang) -}}
 {{- end -}}
 
+{{- .Scratch.Add "script" (slice $wrapTable) -}}
+
 {{- if and .Site.Params.enableComments (eq hugo.Environment "production") -}}
     {{- .Scratch.Add "script" (slice $comments) -}}
 {{- end -}}