Updating the properties panel to show the component type rather than name (no point in repeating) and some final styling changes to the one to many update.

This commit is contained in:
mike12345567 2021-03-01 17:48:52 +00:00
parent a21ca8fb62
commit 4cd6fef492
2 changed files with 7 additions and 6 deletions

View File

@ -257,9 +257,9 @@
value={value} value={value}
bind:group={field.relationshipType}> bind:group={field.relationshipType}>
<div class="radio-button-labels"> <div class="radio-button-labels">
<label class="rel-type-label" for={value}>{name.split(" has ")[0]}</label> <label for={value}>{name.split("has")[0]}</label>
<label class="rel-type-center" for={value}>has</label> <label class="rel-type-center" for={value}>has</label>
<label class="rel-type-label" for={value}>{name.split(" has ")[1]}</label> <label for={value}>{name.split("has")[1]}</label>
</div> </div>
</Radio> </Radio>
{/each} {/each}
@ -326,8 +326,9 @@
.rel-type-center { .rel-type-center {
font-weight: 500; font-weight: 500;
color: var(--grey-6); color: var(--grey-6);
margin-right: 10px; margin-right: 8px;
margin-left: 10px; margin-left: 8px;
padding: 1px 3px 1px 3px;
background: var(--grey-3); background: var(--grey-3);
border-radius: 2px; border-radius: 2px;
} }

View File

@ -73,8 +73,8 @@
{categories} {categories}
{selectedCategory} /> {selectedCategory} />
{#if showDisplayName} {#if definition && definition.name}
<div class="instance-name">{$selectedComponent._instanceName}</div> <div class="instance-name">{definition.name}</div>
{/if} {/if}
<div class="component-props-container"> <div class="component-props-container">