MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updated the hover behaviour for bindings and added flags to stop empty sections from rendering

This commit is contained in:
Dean 2022-08-24 12:36:58 +01:00
parent ac9e24fd53
commit 7903306709
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/builder/src/components/common/bindings/BindingPanel.svelte
View File

@ -177,11 +177,17 @@
>
<Layout gap="S">
<div class="helper">
<div class="helper__name">{hoverTarget.title}</div>
<div class="helper__description">
{@html hoverTarget.description}
</div>
<pre class="helper__example">{hoverTarget.example}</pre>
{#if hoverTarget.title}
<div class="helper__name">{hoverTarget.title}</div>
{/if}
{#if hoverTarget.description}
<div class="helper__description">
{@html hoverTarget.description}
</div>
{/if}
{#if hoverTarget.example}
<pre class="helper__example">{hoverTarget.example}</pre>
{/if}
</div>
</Layout>
</Popover>
@ -237,11 +243,11 @@
class="binding"
on:mouseenter={e => {
popoverAnchor = e.target
if (!binding.name && !binding.description) {
if (!binding.description) {
return
}
hoverTarget = {
title: binding.name,
title: binding.display.name || binding.fieldSchema.name,
description: binding.description,
}
popover.show()
@ -273,13 +279,6 @@
</span>
</span>
{/if}
{#if binding.description}
<br />
<div class="binding__description">
{binding.description || ""}
</div>
{/if}
</li>
{/each}
</ul>