added new field indicator
This commit is contained in:
parent
9736a45e80
commit
0710214701
|
@ -116,8 +116,11 @@
|
||||||
name="schema.{key}.name"
|
name="schema.{key}.name"
|
||||||
inlineError
|
inlineError
|
||||||
>
|
>
|
||||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
<div
|
||||||
<div class="form-field-addon prefix no-pointer-events" class:txt-disabled={!interactive}>
|
class="form-field-addon prefix no-pointer-events field-type-icon"
|
||||||
|
class:txt-disabled={!interactive}
|
||||||
|
class:new={!field.id}
|
||||||
|
>
|
||||||
<i class={CommonHelper.getFieldTypeIcon(field.type)} />
|
<i class={CommonHelper.getFieldTypeIcon(field.type)} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -20,6 +20,17 @@
|
||||||
.form-field {
|
.form-field {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
.field-type-icon.new:after {
|
||||||
|
$size: 4px;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: -6px;
|
||||||
|
top: 9px;
|
||||||
|
width: $size;
|
||||||
|
height: $size;
|
||||||
|
border-radius: $size;
|
||||||
|
background: var(--baseAlt4Color);
|
||||||
|
}
|
||||||
.options-trigger {
|
.options-trigger {
|
||||||
i {
|
i {
|
||||||
transition: transform var(--baseAnimationSpeed);
|
transition: transform var(--baseAnimationSpeed);
|
||||||
|
|
Loading…
Reference in New Issue