diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte index b9ff2ed1d8..7a8188864f 100644 --- a/packages/client/src/components/Component.svelte +++ b/packages/client/src/components/Component.svelte @@ -708,7 +708,7 @@ border-radius: 4px !important; transition: padding 260ms ease-out, border 260ms ease-out; } - .interactive :global(*) { - cursor: default; + .interactive { + cursor: default !important; } diff --git a/packages/client/src/components/app/GridBlock.svelte b/packages/client/src/components/app/GridBlock.svelte index e86f163dba..357e9ff084 100644 --- a/packages/client/src/components/app/GridBlock.svelte +++ b/packages/client/src/components/app/GridBlock.svelte @@ -198,7 +198,7 @@ overflow: hidden; height: 410px; } - div.in-builder :global(*) { - pointer-events: none; + div.in-builder { + pointer-events: none !important; } diff --git a/packages/client/src/components/preview/GridDNDHandler.svelte b/packages/client/src/components/preview/GridDNDHandler.svelte index 0caee53953..a5ff8e0c27 100644 --- a/packages/client/src/components/preview/GridDNDHandler.svelte +++ b/packages/client/src/components/preview/GridDNDHandler.svelte @@ -36,7 +36,6 @@ // Set ephemeral styles $: instance = componentStore.actions.getComponentInstance(id) $: $instance?.setEphemeralStyles(enrichComponentStyles($styles)) - $: $styles, console.log("new styles") // Sugar for a combination of both min and max const minMax = (value, min, max) => Math.min(max, Math.max(min, value))