@sumaris-net/ngx-components 2.7.3-rc13 → 2.7.3-rc14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.7.3-rc13",
+  "version": "2.7.3-rc14",
   "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-rc13",
+  "version": "2.7.3-rc14",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

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

@@ -156,6 +156,7 @@
       }
     }
 
+    .mat-mdc-cell-date,
     .mat-cell-date {
       min-width: 128px;
       max-width: 128px;
@@ -166,6 +167,7 @@
       }
     }
 
+    .mat-mdc-cell-date-time,
     .mat-cell-date-time {
       min-width: 145px;
       max-width: 180px;
@@ -190,9 +192,11 @@
     }
 
     .mat-mdc-cell.computed mat-form-field,
+    .mat-mdc-cell-computed,
     .mat-cell-computed,
     .mat-mdc-cell ion-text.computed,
     .mat-mdc-cell.calculated mat-form-field,
+    .mat-mdc-cell-calculated,
     .mat-cell-calculated {
       color: var(--ion-color-primary-tint);
       font-style: italic;
@@ -202,6 +206,7 @@
   .mat-mdc-row {
 
     // Disabled row
+    &.mat-mdc-row-disabled *,
     &.mat-row-disabled * {
       color: inherit;
       cursor: pointer;
@@ -209,10 +214,11 @@
       pointer-events: unset !important;
     }
 
+    &.mat-mdc-row-disabled:hover,
     &.mat-row-disabled:hover {
       background-color: var(--ion-color-light);
 
-      .mat-cell {
+      .mat-mdc-cell {
         color: var(--ion-color-light-contrast);
       }
     }
@@ -225,7 +231,7 @@
         background-color: var(--ion-color-secondary100);
       }
 
-      .mat-cell {
+      .mat-mdc-cell {
         color: var(--ion-color-secondary100-contrast);
       }
 
@@ -429,7 +435,7 @@
       padding-top: 0.4em;
     }
 
-    .mat-cell > .ion-text-nowrap {
+    .mat-mdc-cell > .ion-text-nowrap {
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -437,17 +443,17 @@
     }
 
     /* Show when hover row */
-    .mat-cell .visible-hover-row {
+    .mat-mdc-cell .visible-hover-row {
       visibility: hidden;
     }
 
     &:hover {
-      .mat-cell .visible-hover-row {
+      .mat-mdc-cell .visible-hover-row {
         visibility: visible;
       }
     }
 
-    .mat-cell .avatar {
+    .mat-mdc-cell .avatar {
       color: #d9d9d9;
       background-color: #f8f8f8;
       border: solid 1px #d9d9d9;
@@ -490,7 +496,7 @@
 }
 
 .mat-mdc-paginator {
-  --mat-paginator-container-size: #{$app-paginator-height};
+  --mat-paginator-container-size: var(--app-paginator-height, #{$app-paginator-height});
   --mat-paginator-container-background-color: whitesmoke;
   overflow-y: hidden;