@sumaris-net/ngx-components 21.0.0-rc13 → 21.0.0-rc15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@
2
2
  "name": "ngx-sumaris-components",
3
3
  "short_name": "ngx-sumaris-components",
4
4
  "manifest_version": 1,
5
- "version": "21.0.0-rc13",
5
+ "version": "21.0.0-rc15",
6
6
  "default_locale": "fr",
7
7
  "description": "Angular components for building beautiful and responsive Apps",
8
8
  "icons": [{
@@ -209,6 +209,12 @@ mat-option {
209
209
  padding: 0 !important;
210
210
  }
211
211
  }
212
+
213
+ /* hide pseudo checkbox, in the footer*/
214
+ &.mat-pseudo-checkbox-hidden mat-pseudo-checkbox {
215
+ visibility: hidden;
216
+ display: none;
217
+ }
212
218
  }
213
219
 
214
220
  mat-option:not(:last-of-type) {
@@ -404,12 +410,14 @@ ion-list,
404
410
  /* Offset due to mat-pseudo-checkbox */
405
411
  padding-left: 32px;
406
412
  }
407
- &.column {
413
+ &.sticky {
408
414
  /* Set header as sticky*/
409
415
  position: -webkit-sticky;
410
416
  position: sticky;
411
- top: 0;
417
+ top: var(--top, 0);
412
418
  z-index: 1001;
419
+ }
420
+ &.column {
413
421
  background-color: var(--ion-color-secondary);
414
422
  border-bottom: 1px solid #{$app-select-option-border-color};
415
423
  color: var(--ion-color-secondary-contrast);
@@ -417,16 +425,16 @@ ion-list,
417
425
  @include font-size(12px);
418
426
  font-weight: 500;
419
427
  height: 20px;
428
+ --top: var(--header-column-top, 0);
420
429
  ion-col {
421
430
  white-space: nowrap;
422
431
  text-overflow: ellipsis;
423
432
  }
424
433
  &.mat-select-searchbar-sticky {
425
434
  /* offset because of the searchbar height */
426
- top: var(--ion-searchbar-height, 58px);
435
+ --header-column-top: var(--ion-searchbar-height, 58px);
427
436
  }
428
437
  }
429
-
430
438
  }
431
439
 
432
440
  ion-row.ion-list-footer,
@@ -437,7 +445,7 @@ ion-list,
437
445
  /* Set footer as sticky*/
438
446
  position: -webkit-sticky;
439
447
  position: sticky;
440
- bottom: 0;
448
+ bottom: var(--footer-bottom, 0);
441
449
  z-index: 1001;
442
450
  border-top: 1px solid #{$app-select-option-border-color};
443
451
  background-color: var(--ion-toolbar-background, #{$ion-toolbar-background});
@@ -453,6 +461,8 @@ ion-list,
453
461
  white-space: nowrap;
454
462
  text-overflow: ellipsis;
455
463
  }
464
+
465
+
456
466
  }
457
467
 
458
468
  ion-row {