fix(comp:tree): change drop node box-shadow to border (#1584)

IDuxFE · Jun 28, 2023 · 5b73101 · 5b73101
1 parent 00c7c6c
commit 5b73101
Showing 1 changed file with 21 additions and 7 deletions.
diff --git a/packages/components/tree/style/index.less b/packages/components/tree/style/index.less
@@ -292,16 +292,30 @@
     }
 
     &-drop-parent,
-    &-drop-inside {
-      box-shadow: 0 0 0 @tree-box-shadow-size @tree-box-shadow-color inset;
+    &-drop-inside,
+    &-drop-before .@{tree-node-prefix}-content,
+    &-drop-after .@{tree-node-prefix}-content {
+      position: relative;
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+      }
     }
-
-    &-drop-before .@{tree-node-prefix}-content {
-      box-shadow: 0 @tree-box-shadow-size 0 0 @tree-box-shadow-color inset;
+
+    &-drop-parent::after,
+    &-drop-inside::after {
+      border: @tree-box-shadow-size solid @tree-box-shadow-color;
     }
 
-    &-drop-after .@{tree-node-prefix}-content {
-      box-shadow: 0 -@tree-box-shadow-size 0 0 @tree-box-shadow-color inset;
+    &-drop-before .@{tree-node-prefix}-content::after {
+      border-top: @tree-box-shadow-size solid @tree-box-shadow-color;
+    }
+    &-drop-after .@{tree-node-prefix}-content::after {
+      border-bottom: @tree-box-shadow-size solid @tree-box-shadow-color;
     }
   }
 }