修复手机端自动展开菜单的问题 (#15)

Reviewed-on: study-area-cn/study-area-cn#15
2024-08-11 15:02:16 +08:00 · 2024-08-11 15:02:16 +08:00 · 6bd928d8db
parent d791a0b76d
commit 6bd928d8db
3 changed files with 7 additions and 1 deletions
--- a/book.toml
+++ b/book.toml
@ -18,4 +18,5 @@ additional-js = [
    "theme/js/highlight.min.js",
    "theme/js/mathjax.js",
    "theme/js/tocrender.js",
+    "theme/js/page.js",
 ]
--- a/theme/index.hbs
+++ b/theme/index.hbs
@ -84,7 +84,7 @@
            {{/if}}
        </mdui-top-app-bar>

-        <mdui-navigation-drawer close-on-overlay-click class="toc-drawer" id="toc-drawer" placement="left" open>
+        <mdui-navigation-drawer close-on-overlay-click class="toc-drawer" id="toc-drawer" placement="left">
        </mdui-navigation-drawer>
        {{/unless}}

@ -201,6 +201,8 @@

    <script>hljs.highlightAll();</script>

+    <script src="{{ ../path_to_root }}theme/js/page.js"></script>
+
 </body>

 </html>
--- a/theme/js/page.js
+++ b/theme/js/page.js
@ -0,0 +1,3 @@
+if (window.innerWidth > 640) {
+    document.getElementById("toc-drawer").setAttribute('open', true)
+}