From 9fef6654ae31af17db603e90ec26d7f4712dcd73 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sat, 10 May 2025 08:24:47 +0800
Subject: [PATCH] fix(plugin-md-power): incorrect collapsed lines in code-tree,
 close #587 (#588)

---
 .../src/client/components/VPCodeTree.vue         | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/plugins/plugin-md-power/src/client/components/VPCodeTree.vue b/plugins/plugin-md-power/src/client/components/VPCodeTree.vue
index b256c0bc..30629e93 100644
--- a/plugins/plugin-md-power/src/client/components/VPCodeTree.vue
+++ b/plugins/plugin-md-power/src/client/components/VPCodeTree.vue
@@ -126,6 +126,13 @@ onMounted(() => {
   border-bottom-left-radius: 0;
 }
 
+@media (min-width: 768px) {
+  .vp-code-tree .code-tree-panel .vp-file-tree,
+  .vp-code-tree .code-panel [class*="language-"] {
+    overscroll-behavior: contain;
+  }
+}
+
 .vp-code-tree .code-panel .code-block-title {
   display: none;
   height: 100%;
@@ -141,6 +148,15 @@ onMounted(() => {
   border-radius: 0;
 }
 
+.vp-code-tree .code-panel div[class*="language-"].has-collapsed-lines.collapsed {
+  height: auto;
+  overflow: auto;
+}
+
+.vp-code-tree .code-panel div[class*="language-"].has-collapsed-lines .collapsed-lines {
+  display: none;
+}
+
 .vp-code-tree .code-panel .code-tree-empty {
   display: flex;
   align-items: center;