Fix indicator positioning in preview

This commit is contained in:
Andrew Kingston 2024-08-01 12:06:22 +01:00
parent e7dd45a5e9
commit 64c182df0f
No known key found for this signature in database
1 changed files with 2 additions and 2 deletions

View File

@ -1,7 +1,7 @@
<script> <script>
import { onMount, onDestroy } from "svelte" import { onMount, onDestroy } from "svelte"
import Indicator from "./Indicator.svelte" import Indicator from "./Indicator.svelte"
import { componentStore } from "stores" import { componentStore, builderStore } from "stores"
import { memo, Utils } from "@budibase/frontend-core" import { memo, Utils } from "@budibase/frontend-core"
import { writable } from "svelte/store" import { writable } from "svelte/store"
import { isGridChild } from "utils/grid" import { isGridChild } from "utils/grid"
@ -13,7 +13,6 @@
export let allowResizeAnchors = false export let allowResizeAnchors = false
// Offset = 6 (clip-root padding) - 1 (half the border thickness) // Offset = 6 (clip-root padding) - 1 (half the border thickness)
const offset = 6 - 1
const config = memo($$props) const config = memo($$props)
const errorColor = "var(--spectrum-global-color-static-red-600)" const errorColor = "var(--spectrum-global-color-static-red-600)"
const defaultState = () => ({ const defaultState = () => ({
@ -39,6 +38,7 @@
let observers = [] let observers = []
let callbackCount = 0 let callbackCount = 0
$: offset = $builderStore.inBuilder ? 5 : -1
$: visibleIndicators = state.indicators.filter(x => x.visible) $: visibleIndicators = state.indicators.filter(x => x.visible)
// Update position when any props change // Update position when any props change