style: Improve .dragover style of file tree (#13574)

siyuan-note · Dec 24, 2024 · 35f112d · 35f112d
1 parent c70db9f
commit 35f112d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
@@ -311,21 +311,29 @@ html {
     opacity: .38;
   }
 
+  .dragover__top,
+  .dragover__bottom {
+    box-shadow: none !important;
+  }
+
   .dragover__top::after,
   .dragover__bottom::after {
     content: "";
-    width: var(--file-toggle-width);
-    height: 4px;
-    background-color: var(--b3-theme-surface);
     position: absolute;
-    left: 0;
-    bottom: -2px;
+    height: 4px;
+    width: calc(100% - var(--file-toggle-width));
+    left: var(--file-toggle-width);
+    background-color: var(--b3-theme-primary-lighter);
     z-index: 1;
+    pointer-events: none;
   }
 
   .dragover__top::after {
     top: -3px;
-    bottom: auto;
+  }
+
+  .dragover__bottom::after {
+    bottom: -2px;
   }
 
   &__close {

diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
@@ -140,6 +140,7 @@
       height: 4px;
       background-color: var(--b3-theme-primary-lighter);
       z-index: 3;
+      pointer-events: none;
     }
 
     &.dragover__top::after {