Select component on click
This commit is contained in:
parent
ad301edf8f
commit
795ab6f316
|
@ -1,6 +1,10 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { screenComponentErrorList, screenComponents } from "@/stores/builder"
|
import {
|
||||||
import { ActionButton, Icon, Popover } from "@budibase/bbui"
|
componentStore,
|
||||||
|
screenComponentErrorList,
|
||||||
|
screenComponents,
|
||||||
|
} from "@/stores/builder"
|
||||||
|
import { ActionButton, Icon, Link, Popover } from "@budibase/bbui"
|
||||||
|
|
||||||
let button: any
|
let button: any
|
||||||
let popover: any
|
let popover: any
|
||||||
|
@ -27,9 +31,14 @@
|
||||||
color="var(--spectrum-global-color-static-red-600)"
|
color="var(--spectrum-global-color-static-red-600)"
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<span class="error-title">
|
<Link
|
||||||
{$screenComponents[error.componentId]._instanceName}:
|
overBackground
|
||||||
</span>
|
on:click={() => {
|
||||||
|
componentStore.select(error.componentId)
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{$screenComponents[error.componentId]._instanceName}:</Link
|
||||||
|
>
|
||||||
<!-- eslint-disable-next-line svelte/no-at-html-tags-->
|
<!-- eslint-disable-next-line svelte/no-at-html-tags-->
|
||||||
{@html error.message}
|
{@html error.message}
|
||||||
</div>
|
</div>
|
||||||
|
@ -75,11 +84,6 @@
|
||||||
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
|
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
|
||||||
}
|
}
|
||||||
|
|
||||||
.error-popover .error-title {
|
|
||||||
font-weight: 700;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-popover .error :global(mark) {
|
.error-popover .error :global(mark) {
|
||||||
background: unset;
|
background: unset;
|
||||||
color: unset;
|
color: unset;
|
||||||
|
|
Loading…
Reference in New Issue