From 3ff48231a6485d419206d2a995444e28c196eaf4 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Fri, 3 May 2019 20:04:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TreeNode.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/TreeNode.vue b/frontend/src/components/TreeNode.vue
index d72feb4f..c80b722a 100644
--- a/frontend/src/components/TreeNode.vue
+++ b/frontend/src/components/TreeNode.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="tree-node">
-    <details :title="dirTitle" ref="dir" :open="item.path === '/'" v-if="item.type === 'dir'">
+    <details class="name" :title="item.name + '\n\n' + dirTitle" ref="dir" :open="item.path === '/'" v-if="item.type === 'dir'">
       <summary
         class="dir-label"
         :style="{background: selected ? '#313131' : 'none'}"
@@ -19,7 +19,8 @@
         @delete="p => $emit('delete', p)"></tree-node>
     </details>
     <div
-      :title="fileTitle"
+      class="name"
+      :title="item.name + '\n\n' + fileTitle"
       v-else
       @click="select(item)"
       @dblclick.ctrl.exact="revealInExplorer()"
@@ -169,6 +170,12 @@ export default {
   user-select: none;
 }
 
+.name {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
 .dir-label .count {
   color: #989898;
   font-size: 12px;