From 16e09712758c3a4d17f4ffd2bb1361f547d24a41 Mon Sep 17 00:00:00 2001 From: mathuo <6710312+mathuo@users.noreply.github.com> Date: Sat, 20 Jan 2024 10:02:18 +0000 Subject: [PATCH] feat: rename class --- packages/dockview-core/src/dnd/droptarget.scss | 16 ++++++++-------- packages/dockview-core/src/dnd/droptarget.ts | 14 +++++++------- 2 files changed, 15 insertions(+), 15 deletions(-) diff --git a/packages/dockview-core/src/dnd/droptarget.scss b/packages/dockview-core/src/dnd/droptarget.scss index d03cf502a..181ecbdab 100644 --- a/packages/dockview-core/src/dnd/droptarget.scss +++ b/packages/dockview-core/src/dnd/droptarget.scss @@ -22,26 +22,26 @@ will-change: transform; pointer-events: none; - &.dv-droptarget-top { - &.dv-droptarget-small-vertical { + &.dv-drop-target-top { + &.dv-drop-target-small-vertical { border-top: 1px solid var(--dv-drag-over-border-color); } } - &.dv-droptarget-bottom { - &.dv-droptarget-small-vertical { + &.dv-drop-target-bottom { + &.dv-drop-target-small-vertical { border-bottom: 1px solid var(--dv-drag-over-border-color); } } - &.dv-droptarget-left { - &.dv-droptarget-small-horizontal { + &.dv-drop-target-left { + &.dv-drop-target-small-horizontal { border-left: 1px solid var(--dv-drag-over-border-color); } } - &.dv-droptarget-right { - &.dv-droptarget-small-horizontal { + &.dv-drop-target-right { + &.dv-drop-target-small-horizontal { border-right: 1px solid var(--dv-drag-over-border-color); } } diff --git a/packages/dockview-core/src/dnd/droptarget.ts b/packages/dockview-core/src/dnd/droptarget.ts index 79be0c3a7..67cc9c78b 100644 --- a/packages/dockview-core/src/dnd/droptarget.ts +++ b/packages/dockview-core/src/dnd/droptarget.ts @@ -271,21 +271,21 @@ export class Droptarget extends CompositeDisposable { toggleClass( this.overlayElement, - 'dv-droptarget-small-vertical', + 'dv-drop-target-small-vertical', isSmallY ); toggleClass( this.overlayElement, - 'dv-droptarget-small-horizontal', + 'dv-drop-target-small-horizontal', isSmallX ); - toggleClass(this.overlayElement, 'dv-droptarget-left', isLeft); - toggleClass(this.overlayElement, 'dv-droptarget-right', isRight); - toggleClass(this.overlayElement, 'dv-droptarget-top', isTop); - toggleClass(this.overlayElement, 'dv-droptarget-bottom', isBottom); + toggleClass(this.overlayElement, 'dv-drop-target-left', isLeft); + toggleClass(this.overlayElement, 'dv-drop-target-right', isRight); + toggleClass(this.overlayElement, 'dv-drop-target-top', isTop); + toggleClass(this.overlayElement, 'dv-drop-target-bottom', isBottom); toggleClass( this.overlayElement, - 'dv-droptarget-center', + 'dv-drop-target-center', quadrant === 'center' ); }