From 0710214701febf4d20d56bcf415f77b44086e5c8 Mon Sep 17 00:00:00 2001
From: Gani Georgiev <gani.georgiev@gmail.com>
Date: Thu, 23 Mar 2023 10:37:38 +0200
Subject: [PATCH] added new field indicator

---
 .../components/collections/schema/SchemaField.svelte  |  7 +++++--
 ui/src/scss/_schema_field.scss                        | 11 +++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/collections/schema/SchemaField.svelte b/ui/src/components/collections/schema/SchemaField.svelte
index f6c88776..88072361 100644
--- a/ui/src/components/collections/schema/SchemaField.svelte
+++ b/ui/src/components/collections/schema/SchemaField.svelte
@@ -116,8 +116,11 @@
             name="schema.{key}.name"
             inlineError
         >
-            <!-- svelte-ignore a11y-click-events-have-key-events -->
-            <div class="form-field-addon prefix no-pointer-events" class:txt-disabled={!interactive}>
+            <div
+                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)} />
             </div>
 
diff --git a/ui/src/scss/_schema_field.scss b/ui/src/scss/_schema_field.scss
index 4d7b5547..98d914aa 100644
--- a/ui/src/scss/_schema_field.scss
+++ b/ui/src/scss/_schema_field.scss
@@ -20,6 +20,17 @@
     .form-field {
         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 {
         i {
             transition: transform var(--baseAnimationSpeed);