Merge pull request #464 from mathuo/451-provide-drop-target-dropzone-quadrant-class

feat: rename class
This commit is contained in:
mathuo 2024-01-20 10:02:37 +00:00 committed by GitHub
commit b0a5e66cff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 15 deletions

View File

@ -22,26 +22,26 @@
will-change: transform; will-change: transform;
pointer-events: none; pointer-events: none;
&.dv-droptarget-top { &.dv-drop-target-top {
&.dv-droptarget-small-vertical { &.dv-drop-target-small-vertical {
border-top: 1px solid var(--dv-drag-over-border-color); border-top: 1px solid var(--dv-drag-over-border-color);
} }
} }
&.dv-droptarget-bottom { &.dv-drop-target-bottom {
&.dv-droptarget-small-vertical { &.dv-drop-target-small-vertical {
border-bottom: 1px solid var(--dv-drag-over-border-color); border-bottom: 1px solid var(--dv-drag-over-border-color);
} }
} }
&.dv-droptarget-left { &.dv-drop-target-left {
&.dv-droptarget-small-horizontal { &.dv-drop-target-small-horizontal {
border-left: 1px solid var(--dv-drag-over-border-color); border-left: 1px solid var(--dv-drag-over-border-color);
} }
} }
&.dv-droptarget-right { &.dv-drop-target-right {
&.dv-droptarget-small-horizontal { &.dv-drop-target-small-horizontal {
border-right: 1px solid var(--dv-drag-over-border-color); border-right: 1px solid var(--dv-drag-over-border-color);
} }
} }

View File

@ -281,21 +281,21 @@ export class Droptarget extends CompositeDisposable {
toggleClass( toggleClass(
this.overlayElement, this.overlayElement,
'dv-droptarget-small-vertical', 'dv-drop-target-small-vertical',
isSmallY isSmallY
); );
toggleClass( toggleClass(
this.overlayElement, this.overlayElement,
'dv-droptarget-small-horizontal', 'dv-drop-target-small-horizontal',
isSmallX isSmallX
); );
toggleClass(this.overlayElement, 'dv-droptarget-left', isLeft); toggleClass(this.overlayElement, 'dv-drop-target-left', isLeft);
toggleClass(this.overlayElement, 'dv-droptarget-right', isRight); toggleClass(this.overlayElement, 'dv-drop-target-right', isRight);
toggleClass(this.overlayElement, 'dv-droptarget-top', isTop); toggleClass(this.overlayElement, 'dv-drop-target-top', isTop);
toggleClass(this.overlayElement, 'dv-droptarget-bottom', isBottom); toggleClass(this.overlayElement, 'dv-drop-target-bottom', isBottom);
toggleClass( toggleClass(
this.overlayElement, this.overlayElement,
'dv-droptarget-center', 'dv-drop-target-center',
quadrant === 'center' quadrant === 'center'
); );
} }