feat(multiple): bold form labels in readonly mode

gnucoop · Mar 30, 2022 · bed736f · bed736f
1 parent 6eb6093
commit bed736f
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/projects/ionic/forms/src/form.html b/projects/ionic/forms/src/form.html
@@ -1,5 +1,5 @@
 <ng-container *ngIf="formGroup|async as currentFormGroup">
-  <form novalidate [formGroup]="currentFormGroup!">
+  <form [class.ajf-form-readonly]="readonly" novalidate [formGroup]="currentFormGroup!">
     <div class="ajf-form-container">
       <ion-toolbar *ngIf="!hideTopToolbar && topBar" class="ajf-btn-strip">
         <div class="ajf-topbar-buttons">

diff --git a/projects/ionic/forms/src/form.scss b/projects/ionic/forms/src/form.scss
@@ -2,6 +2,14 @@ ajf-form {
   display: block;
   position: relative;
 
+  .ajf-form-readonly {
+    .ajf-field-entry {
+      > ion-label {
+        font-weight: bold;
+      }
+    }
+  }
+
   form {
     display: block;
     position: absolute;

diff --git a/projects/material/forms/src/form.html b/projects/material/forms/src/form.html
@@ -1,5 +1,5 @@
 <ng-container *ngIf="formGroup|async as fg">
-  <form novalidate [formGroup]="fg!">
+  <form [class.ajf-form-readonly]="readonly" novalidate [formGroup]="fg!">
     <div class="ajf-form-container">
       <mat-toolbar *ngIf="!hideTopToolbar && topBar" class="ajf-btn-strip">
         <mat-button-toggle-group>

diff --git a/projects/material/forms/src/form.scss b/projects/material/forms/src/form.scss
@@ -1,6 +1,14 @@
 ajf-form {
   display: block;
 
+  .ajf-form-readonly {
+    .ajf-field-entry {
+      > label {
+        font-weight: bold;
+      }
+    }
+  }
+
   .ajf-form-container {
     display: flex;
     flex-direction: column;