From fb482bad33ddeb08f1cf3118556eed17e2a33ad1 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Wed, 22 May 2024 15:51:56 +0800
Subject: [PATCH] Use details-utils to force open or close ToC based on
 viewports

---
 src/_includes/global/baselayout.njk |  3 +++
 src/_includes/global/toc.njk        | 14 ++++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/_includes/global/baselayout.njk b/src/_includes/global/baselayout.njk
index cdb7d985..02c46ce3 100644
--- a/src/_includes/global/baselayout.njk
+++ b/src/_includes/global/baselayout.njk
@@ -32,6 +32,9 @@
             <link rel="manifest" href="/assets/favicon/site.webmanifest">
         {% endblock %}
 
+        {# JavaScript #}
+        <script src="/assets/js/details-utils.js" defer></script>
+
         <title>
             {% block pageTitle %}{{ title + " | " if title }}{{ sitemeta.siteName | safe }}{% endblock %}
         </title>
diff --git a/src/_includes/global/toc.njk b/src/_includes/global/toc.njk
index ea669f51..841fb507 100644
--- a/src/_includes/global/toc.njk
+++ b/src/_includes/global/toc.njk
@@ -1,10 +1,12 @@
 <aside class="left-sidebar">
-    <details class="toc__wrapper sidebar--sticky">
-        <summary class="toc__heading">
-            On This Page
-        </summary>
-        {{ content | toc | safe }}
-    </details>
+    <details-utils force-open="(min-width: 60rem)" force-restore>
+        <details class="toc__wrapper sidebar--sticky">
+            <summary class="toc__heading">
+                Table of Contents
+            </summary>
+            {{ content | toc | safe }}
+        </details>
+    </details-utils>
 </aside>
 
 <style>