Как настроить высоту всплывающего окна ion-select в ionic

Question

Я пытаюсь переопределить max-height из div, который группирует элементы во всплывающем окне, используя атрибут interfaceOptions, но мне пока не повезло, вот что у меня естьдо сих пор:

 customOptions: Record<string, string> = {
    header: this.translate.instant('mobile.giving.deductionStartDateHeader'),
    cssClass: 'ion-select-max-height'
  };

.ion-select-max-height {
 .alert-radio-group {
      max-height: 100%!important;
      }
}

<ion-select [interfaceOptions]="customOptions" [formControlName]="fields.deductionStartDate">
    <ion-select-option *ngFor='let date of company.possibleDeductionDates | slice:0:6' [value]="date">
                {{ date | date:'mediumDate' }}
    </ion-select-option>
</ion-select>

Как изменить максимальную высоту div, имеющую класс .alert-radio-group, без перезаписи глобальных классов?

Answer 1

Если я использую ng-deep перед классом, который я создал, чтобы передать атрибуту cssClass, тогда он переопределяет класс, который я хочу изменить во всплывающем окне:

::ng-deep .ion-select-max-height {
 .alert-radio-group {
      max-height: 100%;
      }
}

Я все еще учусьстилизация в угловом формате, но я прочитал, что ng-deep делает для принудительного применения стиля к дочерним компонентам, я видел, что ion-alert вводится в DOM, поэтому я догадался, что это дочерний компонент