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;