From 68fbccdf20497dcb770aaf1b0aa0e6e4dfbafc87 Mon Sep 17 00:00:00 2001
From: xiaozzzi <42293085+xiaozzzi@users.noreply.github.com>
Date: Sun, 7 Apr 2024 16:12:15 +0800
Subject: [PATCH] =?UTF-8?q?pref:=20=E4=BC=98=E5=8C=96=E6=8E=92=E5=BA=8F?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/renderer/src/views/article/ArticleTreeDocs.vue         | 2 +-
 blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss | 3 +--
 blossom-editor/src/renderer/src/views/doc/doc-tree.scss        | 1 +
 .../src/renderer/src/views/picture/PictureTreeDocs.vue         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue b/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
index ac79cfe..74862d8 100644
--- a/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
+++ b/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
@@ -66,9 +66,9 @@
       @nodeCollapse="handleNodeCollapse"
       @nodeDrop="handleDrop">
       <template #default="{ node, data }">
+        <div v-if="isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
         <div class="menu-item-wrapper" :id="'article-doc-wrapper-' + data.i" @click.right="handleClickRightMenu($event, data)">
           <div :class="[viewStyle.isShowSubjectStyle ? (data.t?.includes('subject') ? 'subject-title' : 'doc-title') : 'doc-title']">
-            <div v-if="isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
             <div class="doc-name">
               <img class="menu-icon-img" v-if="isShowImg(data, viewStyle)" :src="data.icon" />
               <svg v-else-if="isShowSvg(data, viewStyle)" class="icon menu-icon" aria-hidden="true">
diff --git a/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss b/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss
index 063a125..9d2457e 100644
--- a/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss
+++ b/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss
@@ -3,7 +3,6 @@ $icon-size: 17px;
 .doc-title {
   @include flex(row, flex-start, flex-start);
   width: 100%;
-  position: relative;
   padding: 1px 0;
 
   .doc-name {
@@ -73,9 +72,9 @@ $icon-size: 17px;
 .sort-tag {
   font-size: 12px;
   color: #fff;
-  border-radius: 4px;
   padding: 0 2px;
   margin-top: 3px;
+  border-radius: 4px;
   position: absolute;
   right: 3px;
   top: 2px;
diff --git a/blossom-editor/src/renderer/src/views/doc/doc-tree.scss b/blossom-editor/src/renderer/src/views/doc/doc-tree.scss
index f2652e6..8f7b64e 100644
--- a/blossom-editor/src/renderer/src/views/doc/doc-tree.scss
+++ b/blossom-editor/src/renderer/src/views/doc/doc-tree.scss
@@ -155,6 +155,7 @@
 
     :deep(.el-tree-node__content) {
       height: auto;
+      position: relative;
 
       &:hover {
         border-radius: 5px;
diff --git a/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue b/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue
index 277b81d..e6f724b 100644
--- a/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue
+++ b/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue
@@ -58,10 +58,10 @@
       @nodeCollapse="handleNodeCollapse"
       @nodeDrop="handleDrop">
       <template #default="{ node, data }">
+        <div v-if="data.ty !== 11 && isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
         <div v-if="data.ty === 11" class="menu-divider"></div>
         <div v-else class="menu-item-wrapper" @click.right="handleClickRightMenu($event, data)">
           <div class="doc-title">
-            <div v-if="isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
             <div class="doc-name">
               <img class="menu-icon-img" v-if="isShowImg(data, viewStyle)" :src="data.icon" />
               <svg v-else-if="isShowSvg(data, viewStyle)" class="icon menu-icon" aria-hidden="true">