From 63314403ec68df1979e4ecfb1d76fbe8370bc6f5 Mon Sep 17 00:00:00 2001 From: ProsperBao Date: Tue, 15 Jul 2025 11:12:34 +0800 Subject: [PATCH 1/2] fix: optimize ellipsis style --- .../devtools/src/app/components/display/HighlightedPath.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/devtools/src/app/components/display/HighlightedPath.ts b/packages/devtools/src/app/components/display/HighlightedPath.ts index 8d145f3d..181a41de 100644 --- a/packages/devtools/src/app/components/display/HighlightedPath.ts +++ b/packages/devtools/src/app/components/display/HighlightedPath.ts @@ -54,8 +54,10 @@ export default defineComponent({ if (part === '.pnpm') { classes[index]?.push('op50') - if (nodes[index]) - nodes[index].children = '…' + if (nodes[index]) { + nodes[index].children = '...' + classes[index].push('mr0.5') + } removeIndexes.add(index + 1) removeIndexes.add(index + 2) if (nodes[index + 4]?.children === 'node_modules') { From 462ad89f0f596beb86d6623749aaa242147dcdc6 Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Tue, 15 Jul 2025 16:30:20 +0900 Subject: [PATCH 2/2] chore: update style --- .../src/app/components/display/HighlightedPath.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/devtools/src/app/components/display/HighlightedPath.ts b/packages/devtools/src/app/components/display/HighlightedPath.ts index 181a41de..2a183fb0 100644 --- a/packages/devtools/src/app/components/display/HighlightedPath.ts +++ b/packages/devtools/src/app/components/display/HighlightedPath.ts @@ -53,16 +53,18 @@ export default defineComponent({ } if (part === '.pnpm') { - classes[index]?.push('op50') if (nodes[index]) { - nodes[index].children = '...' - classes[index].push('mr0.5') + nodes[index].children = '~' + classes[index].push('op25!') + classes[index - 1].push('op25!') } removeIndexes.add(index + 1) removeIndexes.add(index + 2) + classes[index + 3].push('op25!') if (nodes[index + 4]?.children === 'node_modules') { removeIndexes.add(index + 3) removeIndexes.add(index + 4) + classes[index + 5].push('op25!') } } if (part === ':') {