Browse Source

Add fade to DND position indicators

pull/6409/head
Andrew Kingston 4 years ago
parent
commit
b5ded3d8b2
  1. 2
      packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/DNDPositionIndicator.svelte

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

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

Loading…
Cancel
Save