Explorar el Código

:art: https://github.com/siyuan-note/siyuan/pull/13284

Vanessa hace 7 meses
padre
commit
83ea11101a

+ 12 - 10
app/src/assets/scss/business/_av.scss

@@ -125,28 +125,30 @@
     position: relative;
     font-size: 87.5%;
 
-    &.dragover__top::before {
-      content: '';
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: -2.5px;
-      height: 4px;
-      background-color: var(--b3-theme-primary-lighter);
-      z-index: 3;
+    &.dragover__top,
+    &.dragover__bottom {
+      box-shadow: none !important;
     }
 
+    &.dragover__top::after,
     &.dragover__bottom::after {
       content: '';
       position: absolute;
       left: 0;
       right: 0;
-      bottom: -2.5px;
       height: 4px;
       background-color: var(--b3-theme-primary-lighter);
       z-index: 3;
     }
 
+    &.dragover__top::after {
+      top: -3px;
+    }
+
+    &.dragover__bottom::after {
+      bottom: -2px;
+    }
+
     &:hover [data-type="block-more"] {
       display: block;
     }

+ 2 - 2
app/src/assets/scss/business/_custom.scss

@@ -86,7 +86,7 @@
     max-height: 24px;
   }
 
-  .dragover__top.av__row {
-    box-shadow: 0 -2px 0 var(--b3-theme-primary-lighter), inset 0 2px 0 var(--b3-theme-primary-lighter) !important;
+  .av__row.dragover__top::after {
+    top: -2px
   }
 }

+ 2 - 2
app/src/assets/scss/business/_drag.scss

@@ -13,12 +13,12 @@
   }
 
   // 需要 !important,否则拖拽到闪卡无效果
-  &__top:not(.av__row) {
+  &__top {
     border-radius: 0 !important;
     box-shadow: 0 -3px 0 var(--b3-theme-primary-lighter), inset 0 1px 0 var(--b3-theme-primary-lighter) !important;
   }
 
-  &__bottom:not(.av__row) {
+  &__bottom {
     border-radius: 0 !important;
     box-shadow: 0 2px 0 var(--b3-theme-primary-lighter), inset 0 -2px 0 var(--b3-theme-primary-lighter) !important;
   }

+ 1 - 1
app/src/assets/scss/component/_list.scss

@@ -8,7 +8,7 @@
     border-radius: var(--b3-border-radius);
 
     &:hover:not(.b3-list-item--focus):not(.dragover):not(.dragover__top):not(.dragover__bottom),
-    &--focus:not(.dragover) {
+    &--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom) {
       background-color: var(--b3-list-hover);
     }
   }

+ 2 - 14
app/src/assets/scss/protyle/_wysiwyg.scss

@@ -55,18 +55,6 @@
       }
     }
 
-    .bq {
-      .dragover {
-        &__top:not(.av__row) {
-          box-shadow: 0 -3px 0 var(--b3-theme-primary-lighter), inset 0 1px 0 var(--b3-theme-primary-lighter) !important;
-        }
-
-        &__bottom:not(.av__row) {
-          box-shadow: 0 3px 0 var(--b3-theme-primary-lighter), inset 0 -1px 0 var(--b3-theme-primary-lighter) !important;
-        }
-      }
-    }
-
     &.list {
       padding: 0;
       display: flex;
@@ -476,11 +464,11 @@
   }
 
   .dragover {
-    &__top:not(.av__row) {
+    &__top {
       box-shadow: 0 -4px 0 0 var(--b3-theme-primary-lighter) !important;
     }
 
-    &__bottom:not(.av__row) {
+    &__bottom {
       box-shadow: 0 4px 0 0 var(--b3-theme-primary-lighter) !important
     }
   }