From 6104da3d53fdaa24c04e11c37ca0f70905d21c62 Mon Sep 17 00:00:00 2001
From: razonyang <razonyang@gmail.com>
Date: Tue, 4 Jul 2023 11:42:31 +0800
Subject: [PATCH] style: change the nav toggle icon to indicate the expand
 state

---
 assets/hb/modules/docs/scss/_nav.scss     | 8 ++++++++
 layouts/partials/hb/modules/docs/nav.html | 5 +++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/hb/modules/docs/scss/_nav.scss b/assets/hb/modules/docs/scss/_nav.scss
index 69086ee3..5d7e8779 100644
--- a/assets/hb/modules/docs/scss/_nav.scss
+++ b/assets/hb/modules/docs/scss/_nav.scss
@@ -25,3 +25,11 @@
         }
     }
 }
+
+.hb-docs-nav-toggle {
+    &[aria-expanded="true"] {
+        .hb-docs-nav-toggle-icon {
+            transform: rotate(90deg);
+        }
+    }
+}
diff --git a/layouts/partials/hb/modules/docs/nav.html b/layouts/partials/hb/modules/docs/nav.html
index 7694ca75..b6779516 100644
--- a/layouts/partials/hb/modules/docs/nav.html
+++ b/layouts/partials/hb/modules/docs/nav.html
@@ -40,7 +40,7 @@ <h5 class="offcanvas-title" id="hb-docs-nav-label">
           </a>
           {{ if .Children }}
             <button
-              class="btn btn-link py-0 px-1 text-secondary d-flex align-items-center"
+              class="hb-docs-nav-toggle btn btn-link py-0 px-1 text-secondary d-flex align-items-center"
               type="button"
               data-bs-toggle="collapse"
               data-bs-target="#{{ $collapseId }}"
@@ -48,7 +48,8 @@ <h5 class="offcanvas-title" id="hb-docs-nav-label">
               aria-controls="{{ $collapseId }}">
               {{ partial "icons/icon" (dict
                 "vendor" "bootstrap"
-                "name" "chevron-expand"
+                "name" "chevron-right"
+                "className" "hb-docs-nav-toggle-icon"
                 "width" "1.25rem"
                 "height" "1.25rem")
               }}