From dad04531e9f46a25c8e299fd37f641dee53450d1 Mon Sep 17 00:00:00 2001
From: jiaxiang <zjx9987@gmail.com>
Date: Tue, 8 Jul 2025 07:48:00 +0800
Subject: [PATCH] style(docs):  add transition in details (#21272)

---
 docs/.vitepress/vitepress/styles/base.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/.vitepress/vitepress/styles/base.scss b/docs/.vitepress/vitepress/styles/base.scss
index 2c0fcdcd69..ee0388222e 100644
--- 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;
 }