diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss index 9822b1b35..dda020514 100644 --- a/app/src/assets/scss/business/_av.scss +++ b/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; } diff --git a/app/src/assets/scss/business/_custom.scss b/app/src/assets/scss/business/_custom.scss index 1e5712b42..e4d1a4764 100644 --- a/app/src/assets/scss/business/_custom.scss +++ b/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 } } diff --git a/app/src/assets/scss/business/_drag.scss b/app/src/assets/scss/business/_drag.scss index 89a0260ee..019784eec 100644 --- a/app/src/assets/scss/business/_drag.scss +++ b/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; } diff --git a/app/src/assets/scss/component/_list.scss b/app/src/assets/scss/component/_list.scss index 71e3a4cce..fb8b37e40 100644 --- a/app/src/assets/scss/component/_list.scss +++ b/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); } } diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss index 059d524a1..0079a33e8 100644 --- a/app/src/assets/scss/protyle/_wysiwyg.scss +++ b/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 } }