Modal without going full-screen

wildbananastiia · July 30, 2020, 7:25am

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%;
    }
}