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:
parent
a21ca8fb62
commit
4cd6fef492
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue