RED-8342 - show dot in front of the values

src/lib/inputs/editable-input/editable-input.component.html

@@ -1,5 +1,8 @@
 <ng-container *ngIf="!editing">
-    <div *ngIf="showPreview">
+    <div *ngIf="showPreview" class="value">
+        <div>
+            <div *ngIf="showDot" class="dot"></div>
+        </div>
         {{ value }}
     </div>
 

src/lib/inputs/editable-input/editable-input.component.scss

@@ -22,3 +22,15 @@ textarea {
 form {
     width: 100%;
 }
+
+.value {
+    display: flex;
+    gap: 5px;
+
+    div {
+        .dot {
+            margin-top: 3px;
+            position: relative;
+        }
+    }
+}

src/lib/inputs/editable-input/editable-input.component.ts

@@ -25,6 +25,7 @@ export class EditableInputComponent implements OnChanges {
     @Input() buttonsType: CircleButtonType = CircleButtonTypes.default;
     @Input() helpModeKey: string = '';
     @Input() lastChild = false;
+    @Input() showDot = false;
     @Output() readonly save = new EventEmitter<string>();
     parentDimensions?: { width: number; height: number };
     newValue = '';