added new field indicator

This commit is contained in:
Gani Georgiev 2023-03-23 10:37:38 +02:00
parent 9736a45e80
commit 0710214701
2 changed files with 16 additions and 2 deletions

View File

@ -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>

View File

@ -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);