@sumaris-net/ngx-components 1.19.5 → 1.19.6-rc1

package/package.json

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

package/src/theme/_ngx-components.scss

@@ -344,17 +344,20 @@ mat-option:not(:last-of-type) {
     }
   }
 
-  ion-searchbar.mat-select-header,
-  ion-searchbar.mat-autocomplete-header
+  mat-option.mat-select-searchbar,
+  mat-option.mat-autocomplete-searchbar
   {
-    visibility: hidden;
-    display: none;
-    opacity: 0;
-
-    height: 58px;
+    padding: 0 !important;
+    height: 58px !important;
     background-color: var(--ion-color-secondary100) !important;
 
-    &.ion-searchbar-sticky {
+    /* hide pseudo checkbox, in the searchbar*/
+    mat-pseudo-checkbox {
+      visibility: hidden;
+      display: none;
+    }
+
+    &.mat-select-searchbar-sticky {
       z-index: 1001;
       /* Set header as sticky*/
       position: -webkit-sticky;
@@ -387,7 +390,7 @@ mat-option:not(:last-of-type) {
         white-space: nowrap;
         text-overflow: ellipsis;
       }
-      &.ion-searchbar-sticky {
+      &.mat-select-searchbar-sticky {
         /* offset because of the searchbar height */
         top: 58px;
       }
@@ -397,7 +400,8 @@ mat-option:not(:last-of-type) {
 
   ion-row.mat-select-footer,
   ion-row.mat-menu-footer,
-  ion-row.mat-autocomplete-footer {
+  ion-row.mat-autocomplete-footer,
+  mat-option.mat-autocomplete-footer {
     /* Set footer as sticky*/
     position: -webkit-sticky;
     position: sticky;