ionic modal full screen code example
Example 1: ionic modal not full screen
// I made this by adding a custom class while presenting modal
this.notifyService.presentModal({
component: AwesomeComponent,
cssClass: 'small-modal',
backdropDismiss: true
});
// and than defined the scss/css in global.scss
.small-modal{
.modal-wrapper {
position: absolute;
bottom: 0;
min-height: initial;
top: initial;
height: 50%;
}
}
Example 2: ionic modal half screen
::ng-deep .sc-ion-modal-md-h {
--width: 90%;
--height: 70%;
}