From 5e1c0b9417398752f034bfa6063287c7ff4a6e69 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Wed, 14 Jul 2021 15:46:47 +0100 Subject: [PATCH] Update styles of modal bindable input --- .../common/bindings/ModalBindableInput.svelte | 38 +++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/builder/src/components/common/bindings/ModalBindableInput.svelte b/packages/builder/src/components/common/bindings/ModalBindableInput.svelte index e2d2a2741e..2a72d7a315 100644 --- a/packages/builder/src/components/common/bindings/ModalBindableInput.svelte +++ b/packages/builder/src/components/common/bindings/ModalBindableInput.svelte @@ -6,7 +6,6 @@ } from "builderStore/dataBinding" import ServerBindingPanel from "components/common/bindings/ServerBindingPanel.svelte" import { createEventDispatcher } from "svelte" - const dispatch = createEventDispatcher() export let panel = ServerBindingPanel export let value = "" @@ -16,12 +15,11 @@ export let placeholder export let label + const dispatch = createEventDispatcher() let bindingModal - let validity = true - + let valid = true $: readableValue = runtimeToReadableBinding(bindings, value) $: tempValue = readableValue - $: invalid = !validity const saveBinding = () => { onChange(tempValue) @@ -38,7 +36,7 @@ {label} {thin} value={readableValue} - on:change={event => onChange(event.target.value)} + on:change={event => onChange(event.detail)} {placeholder} />
@@ -46,23 +44,20 @@
- + Add the objects on the left to enrich your text. - (tempValue = event.detail)} - bindableProperties={bindings} - /> +
+ (tempValue = e.detail)} + bindableProperties={bindings} + /> +
@@ -100,4 +95,9 @@ background-color: var(--spectrum-global-color-gray-50); border-color: var(--spectrum-alias-border-color-hover); } + + .panel-wrapper { + border: var(--border-light); + border-radius: 4px; + }