Adjust global error color and font weight

puzzle · Oct 20, 2023 · b2d2997 · b2d2997
1 parent c8b641d
commit b2d2997
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/...hared/dialog/checkin/check-in-base-informations/check-in-base-informations.component.html b/...hared/dialog/checkin/check-in-base-informations/check-in-base-informations.component.html
@@ -4,7 +4,7 @@
   <mat-form-field appearance="outline">
     <textarea matInput class="w-100" formControlName="changeInfo"></textarea>
     <div *ngIf="isTouchedOrDirty('changeInfo')">
-      <mat-error class="fw-bold" *ngFor="let errorKey of getErrorKeysOfFormField('changeInfo')">
+      <mat-error *ngFor="let errorKey of getErrorKeysOfFormField('changeInfo')">
         {{ getErrorMessage(errorKey) }}
       </mat-error>
     </div>
@@ -15,7 +15,7 @@
   <mat-form-field appearance="outline">
     <textarea matInput formControlName="initiatives"></textarea>
     <div *ngIf="isTouchedOrDirty('initiatives')">
-      <mat-error class="fw-bold" *ngFor="let errorKey of getErrorKeysOfFormField('initiatives')">
+      <mat-error *ngFor="let errorKey of getErrorKeysOfFormField('initiatives')">
         {{ getErrorMessage(errorKey) }}
       </mat-error>
     </div>

diff --git a/...nd/src/app/shared/dialog/checkin/check-in-form-metric/check-in-form-metric.component.html b/...nd/src/app/shared/dialog/checkin/check-in-form-metric/check-in-form-metric.component.html
@@ -15,7 +15,7 @@
         (focusin)="resetValue()"
       ></app-custom-input>
       <div *ngIf="isTouchedOrDirty('value')">
-        <mat-error class="fw-bold error-font" *ngFor="let errorKey of getErrorKeysOfFormField('value')">
+        <mat-error *ngFor="let errorKey of getErrorKeysOfFormField('value')">
           {{ errorMessages[errorKey.toUpperCase()] }}
         </mat-error>
       </div>

diff --git a/...nd/src/app/shared/dialog/checkin/check-in-form-metric/check-in-form-metric.component.scss b/...nd/src/app/shared/dialog/checkin/check-in-form-metric/check-in-form-metric.component.scss
@@ -1,7 +1,3 @@
-.error-font {
-  font-size: 13px;
-}
-
 .custom-input {
   margin-top: 3px;
 }

diff --git a/frontend/src/app/shared/dialog/example-dialog/example-dialog.component.html b/frontend/src/app/shared/dialog/example-dialog/example-dialog.component.html
@@ -5,7 +5,7 @@ <h1 mat-dialog-title class="d-flex justify-content-center">This is an example di
       <mat-label>Name</mat-label>
       <input matInput formControlName="name" placeholder="Ex. Tom" />
       <div *ngIf="isTouchedOrDirty('name')">
-        <mat-error class="fw-bold" *ngFor="let errorKey of getErrorKeysOfFormField('name')">
+        <mat-error *ngFor="let errorKey of getErrorKeysOfFormField('name')">
           {{ errorMessages[errorKey.toUpperCase()] }}
         </mat-error>
       </div>
@@ -17,7 +17,7 @@ <h1 mat-dialog-title class="d-flex justify-content-center">This is an example di
       <mat-radio-button value="other">Other</mat-radio-button>
     </mat-radio-group>
     <div *ngIf="isTouchedOrDirty('gender')">
-      <mat-error class="fw-bold" *ngFor="let errorKey of getErrorKeysOfFormField('gender')">
+      <mat-error *ngFor="let errorKey of getErrorKeysOfFormField('gender')">
         {{ errorMessages[errorKey.toUpperCase()] }}
       </mat-error>
     </div>
@@ -29,7 +29,7 @@ <h1 mat-dialog-title class="d-flex justify-content-center">This is an example di
       </mat-select>
     </mat-form-field>
     <div *ngIf="isTouchedOrDirty('hobby')">
-      <mat-error class="fw-bold" *ngFor="let errorKey of getErrorKeysOfFormField('hobby')">
+      <mat-error *ngFor="let errorKey of getErrorKeysOfFormField('hobby')">
         {{ errorMessages[errorKey.toUpperCase()] }}
       </mat-error>
     </div>

diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
@@ -99,3 +99,7 @@ body pzsh-backdrop {
   border: none;
   padding: 0;
 }
+
+.mat-mdc-form-field-error {
+  color: #b3261b;
+}