diff --git a/src/app/components/pins/pin-edit/pin-edit.component.html b/src/app/components/pins/pin-edit/pin-edit.component.html index 59e75bf..69e540f 100644 --- a/src/app/components/pins/pin-edit/pin-edit.component.html +++ b/src/app/components/pins/pin-edit/pin-edit.component.html @@ -47,9 +47,9 @@
[(ngModel)]="pin.name" placeholder="Title"> - +
placeholder="Image Url" class="input-group-field">
- +
[(ngModel)]="pin.url" class="input-group-field">
- +
- +
@@ -100,11 +100,12 @@
(onAdd)="onItemUpdate()" (onRemove)="onItemUpdate()" (onBlur)="pinForm.controls['tags'].markAsTouched()" + [ngClass]="{'ng-invalid': pinForm.get('tags').touched && !pinForm.get('tags').valid,'ng-touched': pinForm.get('tags').touched}" >
- +
diff --git a/src/app/components/pins/pin-edit/pin-edit.component.scss b/src/app/components/pins/pin-edit/pin-edit.component.scss index 73f3180..2b2f23b 100644 --- a/src/app/components/pins/pin-edit/pin-edit.component.scss +++ b/src/app/components/pins/pin-edit/pin-edit.component.scss @@ -56,4 +56,12 @@ p{ line-height: 1; +} + +.ng-valid.ng-touched:not(form) { + border-left: 5px solid rgba(34, 210, 45, 0.85); +} + +.ng-invalid.ng-touched:not(form) { + border-left: 5px solid rgba(255, 5, 0, 0.85); } \ No newline at end of file