style(docs): add transition in details (#21272)

2026-03-13 07:51:17 +08:00 · 2025-07-08 07:48:00 +08:00
parent 29c9d885fc
commit dad04531e9
1 changed files with 13 additions and 0 deletions
--- a/docs/.vitepress/vitepress/styles/base.scss
+++ b/docs/.vitepress/vitepress/styles/base.scss
@@ -253,6 +253,15 @@ form {
 }

 details {
+  interpolate-size: allow-keywords;
+
+  &::details-content {
+    content-visibility: auto;
+    height: 0;
+    overflow: hidden;
+    transition: height ease 0.3s;
+  }
+
  summary {
    margin: 16px 0;
    font-size: 18px;
@@ -261,6 +270,10 @@ details {
  }
 }

+details[open]::details-content {
+  height: auto;
+}
+
 #nprogress .bar {
  background: var(--brand-color) !important;
 }