MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add fade to DND position indicators

This commit is contained in:
Andrew Kingston 2022-05-23 11:52:50 +01:00
parent 05d627b846
commit b5ded3d8b2
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/DNDPositionIndicator.svelte
View File

@ -1,5 +1,6 @@
<script> <script>
import { DropPosition } from "./dndStore" import { DropPosition } from "./dndStore"
import { fade } from "svelte/transition"
export let component export let component
export let position export let position
@ -28,6 +29,7 @@
{#if component && position} {#if component && position}
<div <div
in:fade={{ duration: 130 }}
class:above={position === DropPosition.ABOVE} class:above={position === DropPosition.ABOVE}
class:below={position === DropPosition.BELOW} class:below={position === DropPosition.BELOW}
class:inside={position === DropPosition.INSIDE} class:inside={position === DropPosition.INSIDE}