error outline on noi decision for Decision Maker field (#953)

bcgov · Sep 7, 2023 · 760763b · 760763b
1 parent dddf551
commit 760763b
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/...res/notice-of-intent/decision/decision-v2/decision-input/decision-input-v2.component.html b/...res/notice-of-intent/decision/decision-v2/decision-input/decision-input-v2.component.html
@@ -66,8 +66,15 @@ <h3>Resolution</h3>
     </mat-form-field>
 
     <div>
-      <mat-label>Decision Maker*</mat-label>
-      <mat-button-toggle-group required id="decisionMaker" formControlName="decisionMaker">
+      <mat-label class="toggle-label">Decision Maker*</mat-label>
+      <mat-button-toggle-group
+        required
+        id="decisionMaker"
+        formControlName="decisionMaker"
+        [ngClass]="{
+          'error-field-outlined': !form.controls.decisionMaker.valid && form.controls.decisionMaker.touched
+        }"
+      >
         <mat-button-toggle value="CEO Delegate">CEO Delegate</mat-button-toggle>
         <mat-button-toggle value="CEO">CEO</mat-button-toggle>
       </mat-button-toggle-group>