@sumaris-net/ngx-components 2.7.3-rc37 → 2.7.3-rc38

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.7.3-rc37",
+  "version": "2.7.3-rc38",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "2.7.3-rc37",
+  "version": "2.7.3-rc38",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -271,6 +271,12 @@ form.form-container {
     }
   }
 
+  .mat-mdc-form-field-subscript-wrapper {
+    mat-hint {
+      --color: rgb(115,115,115);
+      color: var(--color);
+    }
+  }
 
   /* -- Computed field -- */
 

package/src/theme/_ngx-components.table.scss

@@ -12,21 +12,22 @@
 .mat-mdc-table {
   min-width: calc(100% - 1px);
   border-collapse: separate;
+  --mat-table-row-item-label-text-size: 14px;
+  --mat-table-row-item-label-text-tracking: normal;
   --mat-row-height: #{$app-table-row-height};
   --mat-row-max-height: #{$app-table-row-max-height};
   --mat-cell-horizontal-padding: #{$app-table-cell-horizontal-padding};
   --mat-cell-padding-top: calc(var(--mat-row-height) * 0.5 - 14px);
 
-  --mdc-checkbox-state-layer-size: 20px;
   --mdc-typography-body1-font-size: 14px;
-  --mat-table-row-item-label-text-tracking: normal;
-  --mat-form-field-container-text-tracking: normal;
   --mdc-typography-body1-letter-spacing: normal;
-  --mat-table-row-item-label-text-size: 14px;
 
+  --mat-form-field-container-text-tracking: normal;
+  --mat-form-field-state-layer-color: transparent;
+  --mat-form-field-subscript-text-size: 10px;
+  --mdc-checkbox-state-layer-size: 20px;
   --mdc-filled-text-field-container-color: transparent;
   --mdc-filled-text-field-disabled-container-color: transparent;
-  --mat-form-field-state-layer-color: transparent;
 
   .mat-mdc-header-cell {
     color: var(--ion-color-primary);
@@ -390,13 +391,6 @@
         }
       }
 
-      .mat-mdc-form-field-subscript-wrapper,
-      .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
-        margin-top: -1.5rem;
-        text-align: right;
-        pointer-events: none;
-      }
-
       // FIXME: in table, required indicator is only inside the float label
       .mat-mdc-floating-label {
         display: none;
@@ -408,13 +402,19 @@
         color: rgba(0, 0, 0, 0.6) !important;
         -webkit-text-fill-color: rgba(0, 0, 0, 0.6) !important;
       }
-
-      mat-error {
-        font-size: 10px;
-      }
-
     } // .mat-mdc-form-field
 
+    .mat-mdc-form-field-subscript-wrapper,
+    .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
+      margin-top: -1.5rem;
+      text-align: right;
+      pointer-events: none;
+
+      mat-error,
+      mat-hint {
+        font-size: var(--mat-form-field-subscript-text-size);
+      }
+    }
 
     .mat-boolean-field-radio.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
     .mat-boolean-field-radio .mat-mdc-form-field-infix {
@@ -437,17 +437,8 @@
     mat-date-time-field,
     mat-latlong-field {
       height: calc(var(--mat-row-height) - 2px);
-      .mat-mdc-form-field-subscript-wrapper {
-        margin-top: -1.5rem;
-        text-align: right;
-        pointer-events: none;
-      }
-      mat-error {
-        font-size: 10px;
-      }
     }
 
-
     .mat-mdc-cell > .ion-text-nowrap {
       width: 100%;
       overflow: hidden;