rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-05-05 19:18:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #61 from mathuo/60-adjust-droptarget-css

Browse Source 
feat: adjust css to use transform methods
This commit is contained in:
mathuo 2022-04-21 21:24:14 +01:00 committed by GitHub
commit 98e0ac340f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/dockview/src/dnd/droptarget.scss
View File

@ -11,7 +11,6 @@
> .drop-target-selection {
position: relative;
pointer-events: none;
box-sizing: border-box;
height: 100%;
width: 100%;
@ -19,31 +18,37 @@
transition-duration: 0.15s;
transition-timing-function: ease-out;
will-change: transform;
pointer-events: none;
&.left {
transform: translateX(-25%) scaleX(50%)
}
&.left,
&.right {
width: 50%;
transform: translateX(25%) scaleX(50%)
}
&.right {
transform: translate(100%, 0%);
&.top {
transform: translateY(-25%) scaleY(50%);
}
&.bottom {
transform: translate(0%, 100%);
}
&.top,
&.bottom {
height: 50%;
transform: translateY(25%) scaleY(50%);
}
&.small-top {
border-top: 1px solid var(--dv-drag-over-border-color);
}
&.small-bottom {
border-bottom: 1px solid var(--dv-drag-over-border-color);
}
&.small-left {
border-left: 1px solid var(--dv-drag-over-border-color);
}
&.small-right {
border-right: 1px solid var(--dv-drag-over-border-color);
}