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
0c8026c5ce
commit
7b90566769
|
@ -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